/* Slate theme — DEFAULT color scheme (MINIMAL / FLAT: slate accent, thin borders, no
   gradients or heavy shadows). The clean, restrained look is set in style.css.
   Developed by Bilal & the HQ Team. */
:root{
  /* ---- brand / accent (restrained slate) ---- */
  --c-primary:      #334155;   /* slate — buttons & links */
  --c-primary-dark: #1e293b;   /* hover */
  --c-primary-soft: #eef1f5;   /* focus ring + soft chips */
  --c-on-primary:   #ffffff;

  /* ---- surfaces + text ---- */
  --c-header:   #ffffff;
  --c-bg:       #f7f8fa;       /* near-white, faint cool grey */
  --c-card:     #ffffff;
  --c-input:    #ffffff;
  --c-text:     #0f172a;       /* near-black slate */
  --c-muted:    #64748b;       /* slate-500 */
  --c-border:   #e6e8ec;       /* thin light grey */
  --c-active:   #f1f3f6;
  --c-shadow:   rgba(15,23,42,.04);
  --c-overlay:  rgba(247,248,250,.7);
  --c-radius:   8px;           /* small, clean */

  /* ---- status ---- */
  --c-success:  #0f6b3f;  --c-success-bg:  #e8f7ee;  --c-success-border:  #b7dfc5;
  --c-danger:   #b42318;  --c-danger-bg:   #fdeceb;  --c-danger-border:   #f3c2bd;
  --c-warning:  #8a6d00;  --c-warning-bg:  #fff7e0;  --c-warning-border:  #f0d998;
  --c-info:     #1e40af;  --c-info-bg:     #e8eefc;  --c-info-border:     #bcccf3;
  --c-neutral:  #475569;  --c-neutral-bg:  #eef0f3;
  --c-announce: #334155;  --c-announce-bg: #eef1f5;

  /* ---- misc ---- */
  --c-star:       #f6a609;
  --c-wheel-line: #000000;

  /* ==== Slate tokens — deliberately FLAT (no gradient, whisper-soft shadows) ==== */
  --c-primary-2:  #475569;
  --c-grad:       #334155;                 /* solid, not a gradient */
  --c-grad-soft:  #f4f5f7;                 /* flat tint for card headers */
  --c-ring:       rgba(51,65,85,.14);
  --c-shadow-sm:  0 1px 2px rgba(15,23,42,.05);
  --c-shadow-md:  0 2px 8px rgba(15,23,42,.06);
  --c-shadow-lg:  0 8px 24px rgba(15,23,42,.10);
  --r-sm: 6px;
  --r-lg: 10px;
}