/* ============================================================
   Artehmis — design tokens
   Every color below was validated, not eyeballed:
   - categorical series palette: dataviz six-checks, light mode,
     surface #FFFFFF  → all PASS (worst adjacent CVD ΔE 9.1,
     worst adjacent normal-vision ΔE 19.6)
   - ordinal blue ramp: monotone L, ΔL ≥ 0.06, light end 2.00:1
   - every text token ≥ 4.5:1 on white, plane and inset surfaces
   This product commits to a single light look by brand direction,
   so all colors are painted explicitly.
   ============================================================ */

:root {
  color-scheme: light;

  /* ---- brand ---- */
  --brand:            #2563EB;
  --brand-hover:      #1D4FD7;
  --brand-active:     #1B47B0;
  --brand-ink:        #1D4FD7;   /* brand-colored text on tint  6.04:1 */
  --brand-tint:       #EFF4FE;
  --brand-tint-2:     #DBE5FD;
  --brand-ring:       rgba(37, 99, 235, 0.35);

  /* ---- surfaces ---- */
  --plane:            #F7F8FA;   /* app background            */
  --surface:          #FFFFFF;   /* cards, chart surface      */
  --surface-inset:    #F4F5F7;   /* soft gray inner surfaces  */
  --surface-sunken:   #EFF1F4;
  --sidebar:          #FBFBFC;

  /* ---- ink ---- */
  --text:             #0F172A;   /* 17.85:1 */
  --text-secondary:   #475569;   /*  7.58:1 */
  --text-muted:       #5E6A78;   /*  5.51:1 on white, 5.05:1 on inset */
  --text-on-brand:    #FFFFFF;   /*  5.17:1 on brand */

  /* ---- lines ---- */
  --border:           #E4E8EE;
  --border-strong:    #D3DAE3;
  --grid:             #EDF0F4;   /* chart gridline, hairline, solid */
  --axis:             #CBD5E1;   /* chart baseline */
  --axis-ink:         #8B95A5;   /* axis tick text, 3.03:1 */

  /* ---- status (reserved — never used as a series color) ---- */
  --critical:         #D03B3B;
  --critical-ink:     #B42318;   /* 6.05:1 on critical tint */
  --critical-tint:    #FEF3F2;
  --critical-line:    #F7D4D0;
  --warning:          #FAB219;
  --warning-ink:      #B54708;
  --warning-tint:     #FFFAEB;
  --good:             #0CA30C;
  --good-ink:         #046C4E;   /* 6.11:1 on good tint */
  --good-tint:        #ECFDF5;
  --good-line:        #C6F0DE;

  /* ---- categorical series (fixed order, never cycled) ---- */
  --series-1: #2563EB;  /* blue    — brand */
  --series-2: #EB6834;  /* orange  */
  --series-3: #1BAF7A;  /* aqua    */
  --series-4: #EDA100;  /* yellow  */
  --series-5: #E87BA4;  /* magenta */
  --series-6: #008300;  /* green   */
  --series-7: #4A3AA7;  /* violet  */
  --series-8: #E34948;  /* red     */
  --series-muted: #C3CCD8;   /* de-emphasis hue for context series */

  /* ---- ordinal blue ramp (funnels, tiers) ---- */
  --ord-1: #9CB6FB;
  --ord-2: #6D90F6;
  --ord-3: #3E6DEE;
  --ord-4: #2154CF;
  --ord-5: #17409E;

  /* ---- shape ---- */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   20px;
  --r-pill: 999px;

  /* ---- depth: soft shadows, not heavy borders ---- */
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 1px 3px rgba(15, 23, 42, 0.05);
  --shadow-md: 0 2px 4px rgba(15, 23, 42, 0.04), 0 6px 16px rgba(15, 23, 42, 0.07);
  --shadow-lg: 0 4px 8px rgba(15, 23, 42, 0.05), 0 16px 36px rgba(15, 23, 42, 0.10);
  --shadow-pop: 0 8px 16px rgba(15, 23, 42, 0.08), 0 24px 48px rgba(15, 23, 42, 0.14);

  /* ---- type ---- */
  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
          "Helvetica Neue", Arial, sans-serif;

  /* ---- motion ---- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* ---- layout ---- */
  --sidebar-w: 264px;
  --sidebar-w-collapsed: 68px;
  --reading-w: 760px;
}