:root {
  --teal: #0D7377;
  --teal-light: #14b8a6;
  --teal-dark: #0a5c5f;
  --teal-glow: rgba(13, 115, 119, 0.25);
  --teal-ghost: rgba(13, 115, 119, 0.08);

  --midnight: #0f0f1a;
  --surface: #1a1a2e;
  --surface-elevated: #242442;
  --surface-card: #1e1e36;

  --accent: #6366f1;
  --gold: #f59e0b;
  --gold-light: #fbbf24;
  --coral: #ef4444;
  --coral-soft: rgba(239, 68, 68, 0.15);
  --green: #10b981;
  --green-soft: rgba(16, 185, 129, 0.15);

  --text-primary: #ffffff;
  --text-secondary: #a1a1b5;
  --text-muted: #6b6b80;
  --text-inverse: #0f0f1a;

  --gradient-teal: linear-gradient(135deg, #0D7377, #14b8a6);
  --gradient-dark: linear-gradient(180deg, #1a1a2e, #0f0f1a);
  --gradient-card: linear-gradient(145deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));
  --gradient-glass: linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.02));

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-teal: 0 4px 20px rgba(13, 115, 119, 0.3);
  --shadow-glow: 0 0 40px rgba(13, 115, 119, 0.2);

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;

  --font-family: 'Cairo', sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-base: 15px;
  --font-size-md: 17px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-size-3xl: 40px;
  --font-size-hero: 56px;

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;

  --line-height-tight: 1.2;
  --line-height-base: 1.5;
  --line-height-relaxed: 1.7;

  --z-base: 1;
  --z-card: 10;
  --z-nav: 100;
  --z-overlay: 500;
  --z-modal: 1000;
  --z-toast: 2000;

  --nav-height: 64px;
  --topbar-height: 56px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);
}