/* Explicit cascade order keeps the structural base, enhancements and v9 product layer deterministic. */
@layer foundation.base, foundation.enhancements, product;

/* Tölegim design tokens — customer and admin share this single brand source. */
:root {
  color-scheme: light;
  --primary: #14B8A6;
  --primary-dark: #0F9F94;
  --navy: #0B1220;
  --background: #F5F7FA;
  --surface: #FFFFFF;
  --text-primary: #0B1220;
  --text-secondary: #64748B;
  --text-tertiary: #94A3B8;
  --border: #E5E7EB;
  --success: #16A34A;
  --warning: #F59E0B;
  --danger: #DC2626;
  --primary-rgb: 20, 184, 166;
  --primary-dark-rgb: 15, 159, 148;
  --navy-rgb: 11, 18, 32;
  --success-rgb: 22, 163, 74;
  --warning-rgb: 245, 158, 11;
  --danger-rgb: 220, 38, 38;
  --primary-text: #0F766E;

  /* Compatibility aliases used by established components. */
  --horizon: var(--primary);
  --horizon-deep: var(--navy);
  --sky: #5EEAD4;
  --current: var(--success);
  --warn: var(--warning);
  --coral: var(--danger);
  --blue: var(--primary);
  --green: var(--primary);
  --green-2: var(--primary-dark);
  --green-soft: #E6FFFB;
  --gold: #ECFDF5;
  --gold-2: #CCFBF1;
  --bg: var(--background);
  --bg-2: #EEF2F6;
  --card: var(--surface);
  --ink: var(--text-primary);
  --muted: var(--text-secondary);
  --ink-2: var(--text-secondary);
  --ink-3: var(--text-tertiary);
  --line: var(--border);
  --btn-disabled: #E5E7EB;
  --btn-text-disabled: #475569;
  --shadow: 0 12px 32px -22px rgba(var(--navy-rgb), .35);
  --shadow-sm: 0 4px 16px -12px rgba(var(--navy-rgb), .24);
  --focus-ring: 0 0 0 4px rgba(var(--primary-rgb), .16);
  --r: 18px;
  --r-sm: 14px;
  --r-pill: 999px;
  --radius: 18px;
  --nav-h: 76px;
  --ease: cubic-bezier(.22, 1, .36, 1);
  --font: Inter, Manrope, "Segoe UI", system-ui, -apple-system, sans-serif;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #070D18;
  --surface: #0F1928;
  --text-primary: #F8FAFC;
  --text-secondary: #A8B4C5;
  --text-tertiary: #7E8AA0;
  --border: #2B394E;
  --bg-2: #111A2A;
  --green-soft: #0B332F;
  --gold: #17251F;
  --gold-2: #20372E;
  --btn-disabled: #263246;
  --btn-text-disabled: #A8B4C5;
  --shadow: 0 18px 36px -24px rgba(0, 0, 0, .9);
  --shadow-sm: 0 5px 16px -12px rgba(0, 0, 0, .8);
  --primary-text: #5EEAD4;
}