/* ============================================================
   N1S Warm Industrial — Design Tokens
   eTender Intel Dashboard
   ============================================================ */

:root {

  /* ----------------------------------------------------------
     Achromatic scale
     ---------------------------------------------------------- */
  --ground:        #0A0908;
  --ground-deep:   #050504;
  --surface:       #1A1814;
  --surface-hover: #242018;
  --primary:       #E8E0D4;
  --secondary:     #B8AFA3;
  --muted:         #6B6560;
  --border:        #2A2520;

  /* ----------------------------------------------------------
     Signal colours
     ---------------------------------------------------------- */
  --signal-action:   #C8905A;
  --signal-positive: #8A9872;
  --signal-neutral:  #6B6560;
  --signal-warning:  #C4654A;

  /* ----------------------------------------------------------
     Relevance scale
     ---------------------------------------------------------- */
  --rel-high:   #C8905A;
  --rel-medium: #B8AFA3;
  --rel-low:    #4A4038;

  /* ----------------------------------------------------------
     Chart fills (translucent)
     ---------------------------------------------------------- */
  --chart-fill-1: rgba(200, 144, 90, 0.75);
  --chart-fill-2: rgba(138, 152, 114, 0.75);
  --chart-fill-3: rgba(184, 175, 163, 0.65);
  --chart-fill-4: rgba(196, 101, 74, 0.65);
  --chart-fill-5: rgba(107, 101, 96, 0.55);
  --chart-stroke-1: rgba(200, 144, 90, 1);
  --chart-stroke-2: rgba(138, 152, 114, 1);

  /* ----------------------------------------------------------
     Typography
     ---------------------------------------------------------- */
  --font-sans: 'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --text-xs:   0.6875rem;  /* 11px */
  --text-sm:   0.75rem;    /* 12px */
  --text-base: 0.875rem;   /* 14px */
  --text-md:   1rem;       /* 16px */
  --text-lg:   1.125rem;   /* 18px */
  --text-xl:   1.375rem;   /* 22px */
  --text-2xl:  1.75rem;    /* 28px */
  --text-3xl:  2.25rem;    /* 36px */

  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semibold: 600;
  --weight-bold:    700;
  --weight-extrabold: 800;

  --leading-tight:  1.2;
  --leading-snug:   1.35;
  --leading-normal: 1.5;
  --leading-loose:  1.7;

  /* ----------------------------------------------------------
     Spacing
     ---------------------------------------------------------- */
  --space-1:  0.25rem;  /*  4px */
  --space-2:  0.5rem;   /*  8px */
  --space-3:  0.75rem;  /* 12px */
  --space-4:  1rem;     /* 16px */
  --space-5:  1.5rem;   /* 24px */
  --space-6:  2rem;     /* 32px */

  /* ----------------------------------------------------------
     Borders & radius
     ---------------------------------------------------------- */
  --border-width: 1px;
  --radius:    14px;
  --radius-sm: 6px;
  --radius-xs: 4px;

  /* ----------------------------------------------------------
     Effects
     ---------------------------------------------------------- */
  --shadow:  0 2px 12px rgba(0, 0, 0, 0.45), 0 1px 3px rgba(0, 0, 0, 0.3);
  --frosted: blur(12px) saturate(1.4);

  /* Transition */
  --transition-fast:   100ms ease;
  --transition-normal: 200ms ease;
  --transition-slow:   350ms ease;

  /* ----------------------------------------------------------
     Layout
     ---------------------------------------------------------- */
  --top-bar-height:   48px;
  --nav-bar-height:   44px;
  --filter-bar-height: 52px;
  --header-total:     calc(var(--top-bar-height) + var(--nav-bar-height) + var(--filter-bar-height));

  --sidebar-width: 240px;
  --content-max:   1440px;
}