/* Design tokens — mirrors golf-coach-ios/GolfCoach/UI/Theme.swift exactly.
   Names are prefixed so they never collide with the legacy stylesheet's
   --bg/--text/--accent variables (those live under #legacy-root only). */
:root {
  /* Surfaces */
  --surface-base: #0B0E11;
  --surface-card: #161A1F;
  --surface-raised: #20252B;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);

  /* Text */
  --text-primary: #FFFFFF;
  --text-secondary: rgba(255, 255, 255, 0.62);
  --text-tertiary: rgba(255, 255, 255, 0.40);

  /* Accents */
  --green: #34DB87;
  --red: #FA5C6B;
  --amber: #FFB83D;
  --gold: #FFD34D;
  --blue: #5C9EFF;
  --green-tint: rgba(52, 219, 135, 0.12);
  --amber-tint: rgba(255, 184, 61, 0.12);
  --red-tint: rgba(250, 92, 107, 0.12);

  /* Gradients */
  --grad-brand: linear-gradient(to bottom right, #216B4D, #144733, #0D2B1F);
  --grad-screen: linear-gradient(to bottom, #0E1115, #0B0E11);
  --grad-accent-button: linear-gradient(to bottom, #3DEB94, #24BD73);
  --on-accent: #080F0A;

  /* Radii */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 28px;

  /* Typography */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Segoe UI", Roboto, system-ui, sans-serif;

  /* Layout */
  --tabbar-h: 56px;
  --sidebar-w: 232px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  /* Screen background scrims (ScreenBackgroundModifier): base at 3 stops */
  --scrim-vivid: linear-gradient(to bottom, rgba(11,14,17,.25), rgba(11,14,17,.40), rgba(11,14,17,.60));
  --scrim-dimmed: linear-gradient(to bottom, rgba(11,14,17,.78), rgba(11,14,17,.82), rgba(11,14,17,.88));
}