/**
 * GEDEO Design System - Warm Amber Service Site Tokens
 */
:root {
  /* ── Color Palette ── */
  --color-amber: #F5A623;
  --color-amber-light: #F7B84B;
  --color-amber-soft: #FBD98A;

  /* Neutrals */
  --color-text-primary: #1A1A1A;
  --color-text-secondary: #4B4B4B;
  --color-text-on-accent: #FFFFFF;
  --color-surface-white: #FFFFFF;
  --color-surface-cream: #FDF4E7;
  --color-surface-cream-deep: #FBEAD3;
  --color-border-light: #ECECEC;

  /* Legacy & Semantic Variable Mapping */
  --color-white: var(--color-surface-white);
  --color-text: var(--color-text-primary);
  --color-muted: var(--color-text-secondary);
  --color-border: var(--color-border-light);
  --color-surface: var(--color-surface-cream);

  --color-surface-subtle: #FDF9F2;
  --color-border-subtle: #E8E2D8;
  --color-text-subtle: #8C8275;

  /* Status Colors (Warm Amber Theme aligned) */
  --color-error: #DC2626;
  --color-errbg: #FEF2F2;

  --color-ok: var(--color-amber);
  --color-okbg: var(--color-surface-cream);

  --color-notetx: #92400E;
  --color-notebg: #FEF3C7;

  --color-warn: #B45309;
  --color-warntx: #92400E;
  --color-warnbg: #FFFBEB;
  --color-warn-subtle-bg: #FEF3C7;
  --color-warn-subtle-tx: #92400E;

  --color-wa: #128C4A;
  --color-wabg: #E7F8EE;
  --color-wa-border: #A7E3C1;
  --color-wa-subtle-tx: #4B6B58;

  --color-page-bg: var(--color-surface-cream-deep);

  /* Legacy Alias Mappings */
  --white: var(--color-white);
  --text: var(--color-text);
  --muted: var(--color-muted);
  --border: var(--color-border);
  --surface: var(--color-surface);
  --error: var(--color-error);
  --errbg: var(--color-errbg);
  --ok: var(--color-ok);
  --okbg: var(--color-okbg);
  --notebg: var(--color-notebg);
  --notetx: var(--color-notetx);
  --warnbg: var(--color-warnbg);
  --warntx: var(--color-warntx);
  --warn: var(--color-warn);
  --wa: var(--color-wa);
  --wabg: var(--color-wabg);

  /* ── Typography System ── */
  --font-family-base: 'Quicksand', 'Nunito', system-ui, -apple-system, sans-serif;

  --font-size-xs: 11px;
  --font-size-2xs: 12px;
  --font-size-sm: 13px;
  --font-size-md: 14px;
  --font-size-base: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 22px;
  --font-size-2xl: 26px;

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

  /* ── Spacing Scale ── */
  --space-3xs: 4px;
  --space-2xs: 8px;
  --space-xs: 12px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 96px;

  /* ── Radii System ── */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  --radius-card: var(--radius-lg);
  --radius-button: var(--radius-pill);
  --radius-input: var(--radius-md);

  /* ── Shadows & Elevation ── */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-button: 0 2px 8px rgba(245, 166, 35, 0.25);

  /* ── Transitions ── */
  --transition-fast: opacity 0.15s ease, color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
  --transition-normal: width 0.3s ease, background-color 0.2s ease, transform 0.2s ease;
}