:root {
  --brand-50: #e6edf5;
  --brand-100: #b3c5d9;
  --brand-200: #7a9ab8;
  --brand-300: #4d7599;
  --brand-400: #1a5080;
  --brand-500: #002a54;
  --brand-600: #002248;
  --brand-700: #001a38;
  --brand-800: #001228;
  --brand-900: #000a18;

  --accent-50: #fff0f3;
  --accent-100: #ffd6de;
  --accent-200: #ffaab8;
  --accent-300: #ff6680;
  --accent-400: #f5003a;
  --accent-500: #e60031;
  --accent-600: #cc002b;
  --accent-700: #a80024;
  --accent-800: #7a001a;
  --accent-900: #4d0010;

  --gray-0: #ffffff;
  --gray-50: #f8f9fb;
  --gray-100: #f1f3f7;
  --gray-200: #e5e8ef;
  --gray-300: #cdd2de;
  --gray-400: #9aa3b4;
  --gray-500: #6b7484;
  --gray-600: #4a5166;
  --gray-700: #333a4d;
  --gray-800: #1f2433;
  --gray-900: #0d1017;

  --success-light: #ecfdf5;
  --success: #10b981;
  --success-dark: #065f46;
  --warning-light: #fffbeb;
  --warning: #f59e0b;
  --warning-dark: #92400e;
  --danger-light: #fef2f2;
  --danger: #ef4444;
  --danger-dark: #991b1b;
  --info-light: #eff6ff;
  --info: #3b82f6;
  --info-dark: #1e40af;

  --status-found: #10b981;
  --status-pending: #f59e0b;
  --status-claimed: #002a54;
  --status-expired: #9aa3b4;

  --surface-page: #f8f9fb;
  --surface-card: #ffffff;
  --surface-muted: #f1f3f7;
  --surface-overlay: rgba(13, 16, 23, 0.45);

  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px rgba(13, 16, 23, 0.04);
  --shadow-sm: 0 1px 3px rgba(13, 16, 23, 0.06), 0 1px 2px rgba(13, 16, 23, 0.04);
  --shadow-md: 0 4px 8px rgba(13, 16, 23, 0.06), 0 2px 4px rgba(13, 16, 23, 0.04);
  --shadow-lg: 0 12px 24px rgba(13, 16, 23, 0.08), 0 4px 8px rgba(13, 16, 23, 0.04);
  --shadow-xl: 0 24px 48px rgba(13, 16, 23, 0.1), 0 8px 16px rgba(13, 16, 23, 0.06);
  --shadow-brand: 0 4px 14px rgba(0, 42, 84, 0.3);
  --shadow-accent: 0 4px 14px rgba(230, 0, 49, 0.25);

  --transition-fast: 100ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 260ms cubic-bezier(0.22, 1, 0.36, 1);
  --transition-spring: 320ms cubic-bezier(0.22, 1, 0.36, 1);

  --z-base: 1;
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-drawer: 300;
  --z-modal: 400;
  --z-toast: 500;
  --z-tooltip: 600;
}