/* ============================================================
   THEME — Adapted to match the Gym Training Lab Landing Page design system.
   Palette & Typography from css/landing.css:
   Syncopate Bold/Regular display type · Inter Tight body type
   Barbie Pink #ea3788 · Raspberry Plum #b0228c
   Cotton Candy #f391a0 · Ink Black #23101c · Warm Sand #f5f0e6
   ============================================================ */

@font-face {
  font-family: 'Syncopate';
  src: url('../fonts/Syncopate-Bold.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Syncopate';
  src: url('../fonts/Syncopate-Regular.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Inter Tight';
  src: url('../fonts/InterTight-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-display: swap;
}

:root {
  /* ---- Landing Page Brand Colors ---- */
  --pink: #ea3788;
  --plum: #b0228c;
  --candy: #f391a0;
  --ink: #23101c;            /* warm near-black, pink undertone */
  --sand: #f5f0e6;           /* warm sandy paper */
  --sand-deep: #e9e2d2;      /* borders and depth */
  --cream: #faf6ec;

  /* ---- Fonts ---- */
  --font-display: 'Syncopate', sans-serif;
  --font-body: 'Inter Tight', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ---- Core Palette Mapped to App ---- */
  --bg: var(--sand);
  --text: var(--ink);
  --text-soft: #5a384e;
  --muted: #8c5b7b;
  --on-accent: var(--cream);

  --panel: var(--cream);
  --panel-border: var(--sand-deep);
  --control-bg: #ffffff;
  --control-border: rgba(35, 16, 28, 0.18);
  --border-strong: var(--pink);
  --button-bg: #ffffff;
  --inset-bg: rgba(35, 16, 28, 0.05);

  --accent: var(--pink);
  --accent-2: var(--plum);
  --danger: #b82637;

  /* ---- Strava buttons ---- */
  --strava: #fc4c02;
  --strava-dim-bg: #fff1eb;
  --strava-dim-border: #fc4c02;

  /* ---- Live power feedback (riding HUD) ---- */
  --power-low: var(--plum);
  --power-good: #1d7a3f;
  --power-high: var(--pink);

  /* ---- Workout graph zones ---- */
  --zone-recovery: #8c9ba5;
  --zone-endurance: var(--candy);
  --zone-tempo: #e27599;
  --zone-threshold: var(--pink);
  --zone-vo2: var(--plum);
  --zone-anaerobic: #6e0c55;

  /* ---- Difficulty badges ---- */
  --badge-easy: #f7d2e2;
  --badge-easy-text: var(--ink);
  --badge-easy-medium: var(--candy);
  --badge-medium: var(--pink);
  --badge-medium-hard: var(--plum);
  --badge-hard: #8c1370;
  --badge-very-hard: #5e0947;

  /* ---- Session card backgrounds ---- */
  --card-default: #ffffff;
  --card-coast: #fdfbf7;
  --card-city: #fcf8fa;
  --card-alpine: #f7f9fc;
  --card-forest: #f6faf8;
  --card-desert: #fdf8f6;
  --card-hills: #fbf7fc;
  --card-strength: #fdf5f9;
  --card-treadmill: #fcf4f8;
  --card-crosstrainer: #f4f6fd;
  --card-calisthenics: #f4f8fd;
  --card-pelvicfloor: #fdf4f8;
  --card-arcade: #f3eefc;
  --card-flow: #fdf6fb;
}