:root {
  /* Colors */
  --color-primary: #0A1628; /* Deep Navy */
  --color-accent: #2563EB; /* Electric Blue */
  --color-accent-hover: #1D4ED8;
  --color-secondary: #64748B; /* Steel Gray */
  --color-highlight: #F59E0B; /* Amber / Orange */
  --color-success: #10B981; /* Emerald */
  --color-surface: #F8FAFC; /* Off-White */
  --color-background: #FFFFFF;
  --color-text: #0F172A;
  --color-text-light: #475569;
  
  --color-border: #E2E8F0;

  /* Typography */
  --font-primary: 'Inter', system-ui, -apple-system, sans-serif;
  --font-heading: 'Outfit', 'Inter', system-ui, sans-serif;
  --font-ethiopic: 'Noto Sans Ethiopic', sans-serif;

  /* Spacing (8px grid) */
  --spacing-1: 0.5rem;   /* 8px */
  --spacing-2: 1rem;     /* 16px */
  --spacing-3: 1.5rem;   /* 24px */
  --spacing-4: 2rem;     /* 32px */
  --spacing-6: 3rem;     /* 48px */
  --spacing-8: 4rem;     /* 64px */
  --spacing-12: 6rem;    /* 96px */
  --spacing-16: 8rem;    /* 128px */

  /* Border Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Shadows (Glassmorphism & Depth) */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, 0.07);

  /* Glassmorphism background */
  --glass-bg: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(255, 255, 255, 0.18);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
}

[lang="am"], [lang="ti"] {
  --font-primary: var(--font-ethiopic);
  --font-heading: var(--font-ethiopic);
  /* Ethiopic script often needs a slightly larger line height for readability */
  --line-height-base: 1.7;
}

:root {
  --line-height-base: 1.5;
}