/* ============================================
   ŠAKIĆ OBJEKTSERVICE — DESIGN TOKENS
   Version: 3.0 — Editorial Premium
   Palette: Petrol & Sand & Terracotta
   Typography: Source Serif 4 + Inter
   ============================================ */

:root {
  /* ── Primary — Petrol ── */
  --petrol:           #1F4E5F;
  --petrol-deep:      #143844;
  --petrol-light:     #2A6172;
  --slate:            #1F4E5F; /* Legacy alias — keeps old code working */

  /* ── Accent — Terracotta (RARE — only CTAs) ── */
  --terracotta:       #C77F4A;
  --terra-deep:       #B26A35;
  --terra-light:      #D4936A;
  --champagne:        #C77F4A; /* Legacy alias — old champagne now becomes terracotta */
  --champagne-light:  #D4936A;
  --champagne-dark:   #B26A35;

  /* ── Sand backgrounds ── */
  --sand:             #F5EFE6;
  --sand-light:       #FAF6EE;
  --sand-mid:         #E8DDD0;
  --bg-warm:          #F5EFE6; /* Legacy alias */
  --bg-warm-alt:      #E8DDD0;
  --bg-white:         #FFFFFF;

  /* ── Ink (text) ── */
  --ink:              #1A1A1A;
  --ink-mid:          #5A5A5A;
  --ink-light:        #8A8580;
  --text-dark:        #1A1A1A;     /* Legacy alias */
  --text-heading:     #143844;
  --text-body:        #5A5A5A;
  --text-light:       #8A8580;
  --text-muted:       #C0BCB6;
  --text-on-dark:     #F5EFE6;
  --text-on-dark-muted: rgba(245, 239, 230, 0.65);

  /* ── Borders ── */
  --line:             #D9D6D0;
  --line-light:       #E8E4DC;
  --border:           #D9D6D0;     /* Legacy alias */
  --border-light:     #E8E4DC;
  --border-dark:      rgba(245, 239, 230, 0.12);

  /* ── Document paper ── */
  --paper:            #FFFFFF;

  /* ── Spacing (8px base) ── */
  --space-xs:         4px;
  --space-sm:         8px;
  --space-md:         16px;
  --space-lg:         24px;
  --space-xl:         32px;
  --space-2xl:        48px;
  --space-3xl:        64px;
  --space-4xl:        80px;
  --space-5xl:        100px;
  --space-6xl:        144px;

  /* ── Typography ── */
  --font-serif:       'Source Serif 4', 'Lora', Georgia, serif;
  --font-sans:        'Inter', system-ui, -apple-system, sans-serif;
  --font-family:      'Inter', system-ui, -apple-system, sans-serif; /* Legacy alias */

  /* Type scale (web base 16px) */
  --text-xs:          11px;
  --text-sm:          12px;
  --text-base:        14px;
  --text-md:          15px;
  --text-lg:          16px;
  --text-xl:          18px;
  --text-2xl:         24px;
  --text-3xl:         32px;
  --text-4xl:         40px;
  --text-5xl:         56px;
  --text-display:     72px;

  /* Weights */
  --weight-thin:      200;
  --weight-light:     300;
  --weight-normal:    400;
  --weight-medium:    500;
  --weight-semi:      600;
  --weight-bold:      700;
  --weight-black:     800;

  /* Line heights */
  --leading-tight:    1.05;
  --leading-snug:     1.2;
  --leading-normal:   1.5;
  --leading-relaxed:  1.65;
  --leading-loose:    1.85;

  /* Tracking */
  --tracking-tighter: -0.02em;
  --tracking-tight:   -0.005em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-wider:   0.16em;
  --tracking-widest:  0.22em;

  /* ── Layout ── */
  --max-width:        1140px;
  --max-width-narrow: 720px;
  --nav-height:       72px;

  /* ── Transitions ── */
  --transition-fast:    0.15s ease;
  --transition-normal:  0.25s ease;
  --transition-slow:    0.4s ease;

  /* ── Shadows (very minimal — editorial style avoids them) ── */
  --shadow-nav:       0 1px 0 rgba(31, 78, 95, 0.08);
  --shadow-card:      none;
  --shadow-card-hover: 0 1px 2px rgba(20,56,68,0.04), 0 12px 32px -16px rgba(20,56,68,0.18);
  --shadow-sheet:     0 1px 2px rgba(20,56,68,0.04), 0 12px 32px -16px rgba(20,56,68,0.18);

  /* ── Border Radius (mostly square — editorial) ── */
  --radius-sm:        2px;
  --radius-md:        4px;
  --radius-lg:        6px;
  --radius-pill:      999px;
}