:root {
  /* Raw palette — iOS 18 system colors */
  --blue-50:  rgba(0, 122, 255, 0.08);
  --blue-100: rgba(0, 122, 255, 0.15);
  --blue-500: #0A84FF;
  --blue-600: #007AFF;
  --blue-700: #1343B0;
  --green-50:  rgba(52, 199, 89, 0.10);
  --green-500: #34C759;
  --green-600: #34C759;
  --amber-400: #FF9F0A;
  --amber-500: #FF9F0A;
  --red-50:  rgba(255, 59, 48, 0.10);
  --red-500: #FF3B30;
  --red-600: #FF3B30;
  --gray-50:  #F2F2F7;
  --gray-100: #F2F2F7;
  --gray-200: #E5E5EA;
  --gray-300: #D1D1D6;
  --gray-400: #AEAEB2;
  --gray-500: #636366;
  --gray-700: #3A3A3C;
  --gray-900: #000000;
  --white:    #FFFFFF;

  /* Semantic tokens — iOS 18 */
  --color-primary:        #007AFF;
  --color-primary-dark:   #1343B0;
  --color-primary-light:  rgba(0, 122, 255, 0.10);
  --color-success:        #34C759;
  --color-success-light:  rgba(52, 199, 89, 0.10);
  --color-warning:        #FF9F0A;
  --color-warning-light:  rgba(255, 159, 10, 0.12);
  --color-danger:         #FF3B30;
  --color-danger-light:   rgba(255, 59, 48, 0.10);
  --color-bg:             #F2F2F7;
  --color-surface:        #FFFFFF;
  --color-border:         #E5E5EA;
  --color-text:           #000000;
  --color-text-secondary: #636366;
  --color-text-muted:     #AEAEB2;

  /* Spacing (4px base) */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Border radius — iOS 18 */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   14px;
  --radius-xl:   18px;
  --radius-2xl:  24px;
  --radius-full: 9999px;

  /* Typography — iOS 18 */
  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --text-xs:   11px;
  --text-sm:   13px;
  --text-base: 15px;
  --text-lg:   17px;
  --text-xl:   20px;
  --text-2xl:  24px;
  --text-3xl:  28px;
  --font-regular:  400;
  --font-normal:   400;
  --font-medium:   500;
  --font-semibold: 600;
  --font-bold:     700;

  /* Shadows — iOS 18 refined */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.06), 0 0 1px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08), 0 0 1px rgba(0,0,0,0.04);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.04);

  /* Layout */
  --nav-height:    68px;
  --header-height: 56px;
  --status-height: 44px;
  --phone-width:   390px;
  --phone-height:  844px;
}

*, *::before, *::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}