/* ============================================================
   Sublima 2026 — Design Tokens (DESIGN.md §1.1–1.5)
   Light = :root. Dark = [data-theme="dark"] (predisposto, NON attivato).
   Solo variabili: inerte finché non referenziato da .s2026.
   ============================================================ */

:root {
  /* Brand */
  --s2026-brand:        #8B0000;
  --s2026-brand-deep:   #6E0000;
  --s2026-brand-hover:  #A20000;
  --s2026-brand-tint:   #FBF3F3;
  --s2026-accent:       #C8A45C;

  /* Ink (testo) */
  --s2026-ink:   #1F2227;
  --s2026-ink-2: #3F4651;
  --s2026-ink-3: #6B7280;
  --s2026-ink-4: #9AA1AC;

  /* Surfaces */
  --s2026-bg:        #F6F7F9;
  --s2026-bg-panel:  #FFFFFF;
  --s2026-bg-raised: #FAFAFC;
  --s2026-bg-row:    #FAFAFC;
  --s2026-bg-row-sel:#FBF3F3;
  --s2026-bg-input:  #FFFFFF;

  /* Borders */
  --s2026-rule:        #E4E6EB;
  --s2026-rule-2:      #EDEEF1;
  --s2026-rule-strong: #ced4da;   /* pantone gray-400: bordo box più marcato vs righe */

  /* Status — bg / fg / dot */
  --s2026-success:    #2E9C5A;
  --s2026-success-bg: #E7F5EA;
  --s2026-success-fg: #1F7A3A;

  --s2026-warning:    #E08A1C;
  --s2026-warning-bg: #FFF4E0;
  --s2026-warning-fg: #A05A00;

  --s2026-info:    #2A7ED1;
  --s2026-info-bg: #E3F0FB;
  --s2026-info-fg: #1656A3;

  --s2026-danger:    #CF3A32;
  --s2026-danger-bg: #FDECEA;
  --s2026-danger-fg: #A02620;

  --s2026-neutral:    #888888;
  --s2026-neutral-bg: #ECECEC;
  --s2026-neutral-fg: #555555;

  --s2026-purple:    #7E3EB5;
  --s2026-purple-bg: #F0E6F7;
  --s2026-purple-fg: #5A2785;

  /* Tipografia — font di sistema esistente (NO Inter / NO CDN) */
  --s2026-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --s2026-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Scala tipografica (px, UI gestionale densa) */
  --s2026-fs-micro: 10px;
  --s2026-fs-xs:    11px;
  --s2026-fs-sm:    12px;
  --s2026-fs-base:  13px;
  --s2026-fs-md:    14px;
  --s2026-fs-lg:    16px;
  --s2026-fs-xl:    18px;
  --s2026-fs-2xl:   22px;
  --s2026-fs-3xl:   28px;

  /* Radius */
  --s2026-radius-xs:   3px;
  --s2026-radius-sm:   4px;
  --s2026-radius:      5px;
  --s2026-radius-md:   6px;
  --s2026-radius-lg:   8px;
  --s2026-radius-pill: 11px;

  /* Shadows (max 4px blur) */
  --s2026-shadow-flat: 0 1px 0 rgba(0,0,0,0.04);
  --s2026-shadow-card: 0 1px 2px rgba(0,0,0,0.06);
  --s2026-shadow-tab:  0 1px 2px rgba(0,0,0,0.06), 0 0 0 1px rgba(0,0,0,0.04);

  /* Transizione standard */
  --s2026-transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease;
}

[data-theme="dark"] {
  --s2026-brand:        #C8344A;
  --s2026-brand-deep:   #9A1F32;
  --s2026-brand-hover:  #D44A60;
  --s2026-brand-tint:   #2A1418;
  --s2026-accent:       #D4B065;

  --s2026-ink:   #E9ECF2;
  --s2026-ink-2: #B6BCC9;
  --s2026-ink-3: #7B8392;
  --s2026-ink-4: #525A6B;

  --s2026-bg:        #0E1014;
  --s2026-bg-panel:  #171A21;
  --s2026-bg-raised: #1E222B;
  --s2026-bg-row:    #1B1F27;
  --s2026-bg-row-sel:#2A1418;
  --s2026-bg-input:  #0F1218;

  --s2026-rule:        #262B36;
  --s2026-rule-2:      #1F232D;
  --s2026-rule-strong: #3a414e;

  --s2026-success-bg: #0F2A1B; --s2026-success-fg: #7CE5A6;
  --s2026-warning-bg: #2A1E0A; --s2026-warning-fg: #F2C97F;
  --s2026-info-bg:    #0E2236; --s2026-info-fg:    #A6CCFF;
  --s2026-danger-bg:  #2D1310; --s2026-danger-fg:  #FFA39B;
  --s2026-neutral-bg: #1F232C; --s2026-neutral-fg: #C7CCD5;
  --s2026-purple-bg:  #251635; --s2026-purple-fg:  #D7B5F2;
}