:root {
  /* Brand palette — energetic, dark, fitness-focused */
  --color-bg: #0a0a0b;
  --color-bg-elev: #121214;
  --color-bg-card: #16161a;
  --color-border: rgba(255, 255, 255, 0.08);
  --color-border-strong: rgba(255, 255, 255, 0.16);

  --color-text: #f5f5f7;
  --color-text-muted: #9a9aa3;
  --color-text-dim: #6b6b75;

  --color-primary: #c0c5ce;       /* silver gray — main accent */
  --color-primary-2: #dde0e6;     /* lighter silver for gradient / hover */
  --color-secondary: #66cff2;     /* cool cyan — secondary accent */

  /* Layout */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 0 1px rgba(192, 197, 206, 0.35),
                  0 16px 48px rgba(192, 197, 206, 0.18);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  --container: min(1200px, 100% - 2rem);

  --font-display: "Bebas Neue", "Inter", system-ui, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}