:root {
  /* Brand */
  --primary-red: #7a0c0c;
  --primary-gold: #c9a24d;

  /* Neutrals */
  --bg: #f6f6f8;
  --card: #ffffff;
  --text-main: #1c1c1e;
  --text-sub: #8e8e93;
  --border: #e5e5ea;

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;

  /* Shadow */
  --shadow-soft: 0 8px 20px rgba(0,0,0,0.08);
  --shadow-card: 0 4px 12px rgba(0,0,0,0.06);

  /* Spacing (iOS-style) */
  --space-xs: 6px;
  --space-sm: 10px;
  --space-md: 16px;
  --space-lg: 24px;
}