/* ==========================================================================
   variables.css — Eskil Design Tokens
   ERP CFA Branding — Eskil Theme
   ==========================================================================
   Nordic minimal identity. Monochrome palette with warm wood accent.
   Near-brutalist radii, barely-visible shadows, editorial whitespace.
   ========================================================================== */

:root {
  /* --- Colors: Primary (Dark Slate) --- */
  --color-primary: #2C3E50;
  --color-primary-light: #5D7B93;
  --color-primary-dark: #1A252F;

  /* --- Colors: Secondary (Warm Wood) --- */
  --color-secondary: #C19A6B;
  --color-secondary-light: #D4B48E;
  --color-secondary-dark: #A07A4F;

  /* --- Colors: Accent (Ice Blue) --- */
  --color-accent: #7FB3D3;
  --color-accent-light: #A8D0E6;
  --color-accent-dark: #5A94B8;

  /* --- Colors: Backgrounds --- */
  --color-bg: #F5F5F0;
  --color-bg-alt: #EAEAE4;
  --color-bg-white: #FFFFFF;
  --color-bg-dark: #1A252F;

  /* --- Colors: Text --- */
  --color-text: #2A2A2A;
  --color-text-secondary: #6B6B6B;
  --color-text-muted: #9B9B9B;
  --color-text-inverse: #F5F5F0;

  /* --- Colors: Borders --- */
  --color-border: #D5D5CF;
  --color-border-light: #E5E5DF;
  --color-border-dark: #B5B5AF;

  /* --- Colors: Status --- */
  --color-urgent: #8B3A3A;
  --color-warning: #8B6B3A;
  --color-info: #3A6B8B;
  --color-success: #3A8B5A;

  /* --- Typography --- */
  --font-heading: 'Instrument Serif', serif;
  --font-body: 'Instrument Sans', sans-serif;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.25rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.5rem;
  --fs-4xl: 3rem;
  --fs-hero: clamp(3rem, 6vw, 5rem);

  --lh-tight: 1.15;
  --lh-snug: 1.3;
  --lh-normal: 1.6;
  --lh-relaxed: 1.8;

  --ls-tight: -0.02em;
  --ls-normal: 0;
  --ls-wide: 0.05em;
  --ls-wider: 0.1em;
  --ls-widest: 0.15em;

  /* --- Spacing --- */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;
  --space-5xl: 8rem;
  --space-6xl: 12rem;

  /* --- Border Radius (near-brutalist) --- */
  --radius-sm: 0px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-xl: 4px;
  --radius-full: 50%;

  /* --- Shadows (barely visible, gray only) --- */
  --shadow-xs: 0 1px 2px rgba(42, 42, 42, 0.04);
  --shadow-sm: 0 1px 3px rgba(42, 42, 42, 0.06);
  --shadow-md: 0 2px 6px rgba(42, 42, 42, 0.06);
  --shadow-lg: 0 4px 12px rgba(42, 42, 42, 0.06);
  --shadow-xl: 0 8px 24px rgba(42, 42, 42, 0.06);

  /* --- Transitions --- */
  --transition-fast: 150ms ease;
  --transition-base: 300ms ease;
  --transition-slow: 600ms ease;
  --transition-glacial: 1200ms ease;

  /* --- Layout --- */
  --container-max: 1200px;
  --container-narrow: 800px;
  --container-wide: 1400px;
  --navbar-height: 64px;
  --sidebar-width: 260px;
}