/* ============================================================
   VARIABLES — single point of truth for all design tokens
   ============================================================ */

:root {
  /* ----------------------------------------------------------
     Colors
  ---------------------------------------------------------- */
  --color-bg:         #FBFBF9;
  --color-bg-subtle:  #F4F4F2;
  --color-ink:        #1A1714;
  --color-ink-mid:    #6A635D;
  --color-ink-faint:  #ABA6A1;
  --color-red:        #C8311F;
  --color-blue:       #2B3E6A;
  --color-white:      #FFFFFF;

  /* Dividers — very subtle */
  --color-line:       rgba(26, 23, 20, 0.08);
  --color-line-mid:   rgba(26, 23, 20, 0.14);

  /* Industry accent colors */
  --industry-it:         #2B3E6A;
  --industry-production: #C8311F;
  --industry-marketing:  #B89020;
  --industry-logistics:  #3A6648;
  --industry-consulting: #5A4478;
  --industry-other:      #6A635D;

  /* ----------------------------------------------------------
     Typography — modular scale 1.25
  ---------------------------------------------------------- */
  --font-heading: 'Unbounded', system-ui, sans-serif;
  --font-body:    'Golos Text', system-ui, sans-serif;

  --text-xs:   0.75rem;    /* 12px */
  --text-sm:   0.875rem;   /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg:   1.25rem;    /* 20px */
  --text-xl:   1.5rem;     /* 24px */
  --text-2xl:  2rem;       /* 32px */
  --text-hero: clamp(2rem, 4.5vw, 2.5rem);

  --leading-body:    1.6;
  --leading-heading: 1.1;
  --tracking-caps:   0.07em;
  --tracking-heading: 0.01em;

  /* ----------------------------------------------------------
     Spacing — 8px base unit
  ---------------------------------------------------------- */
  --sp-1:  8px;
  --sp-2:  16px;
  --sp-3:  24px;
  --sp-4:  32px;
  --sp-5:  40px;
  --sp-6:  48px;
  --sp-8:  64px;
  --sp-10: 80px;
  --sp-12: 96px;

  /* ----------------------------------------------------------
     Layout
  ---------------------------------------------------------- */
  --max-width:    1280px;
  --sidebar-w:    140px;
  --card-row-h:   200px;

  /* ----------------------------------------------------------
     Radii
  ---------------------------------------------------------- */
  --radius-sm:   2px;
  --radius-pill: 999px;
  --radius-card: 2px;

  /* ----------------------------------------------------------
     Transitions
  ---------------------------------------------------------- */
  --t-fast:   150ms ease;
  --t-normal: 250ms ease;
  --t-slow:   380ms ease;

  /* ----------------------------------------------------------
     Z-index
  ---------------------------------------------------------- */
  --z-panel:   20;
  --z-dropdown: 25;
  --z-tooltip: 30;
  --z-overlay: 40;

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(26, 23, 20, 0.06);
  --shadow-md: 0 4px 16px rgba(26, 23, 20, 0.08);

  /* backward compat aliases */
  --color-paper:      var(--color-bg);
  --color-paper-dark: var(--color-bg-subtle);
  --color-ink-muted:  var(--color-ink-mid);
}