/**
 * Gym Website Design Tokens
 */
:root {
  /* Colors */
  --color-black: #000000;
  --color-dark: #0a0a0a;
  --color-dark-gray: #111111;
  --color-gray: #1a1a1a;
  --color-light-gray: #333333;
  --color-white: #ffffff;
  --color-off-white: #e6e6e6;
  --color-text-muted: #aaaaaa;

  /* Accent Red */
  --color-primary: #e40000;
  --color-primary-hover: #ff1a1a;
  --color-primary-rgb: 228, 0, 0;

  /* Typography */
  --font-heading: "Teko", sans-serif;
  --font-body: "Jost", sans-serif;

  /* Transitions */
  --transition-fast: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);

  /* Shadows & Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.03);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-border-focus: rgba(228, 0, 0, 0.4);
  --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
  --glow-shadow: 0 0 20px rgba(228, 0, 0, 0.35);

  /* Layout */
  --header-height: 95px;
  --header-height-scrolled: 75px;
}