/* ============================================================
   THEME — edit this file to change the app's look.
   All fonts and colors live here as variables; the layout rules
   in style.css only reference them. The 3D riding world keeps
   its own scenery colors in js/scene.js.
   ============================================================ */

@font-face {
  font-family: 'Geist';
  src: url('../fonts/Geist-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
}

:root {
  /* ---- Fonts ---- */
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Geist', -apple-system, BlinkMacSystemFont, sans-serif;

  /* ---- Core palette ----
     Ink Black #0d1821 · Raspberry Plum #b0228c · Barbie Pink #ea3788
     Light Coral #e56b70 · Cotton Candy #f391a0 */
  --bg: #000000;
  --panel: rgba(13, 24, 33, 0.85);     /* Ink Black, translucent */
  --panel-border: #36102e;
  --control-bg: #14101c;
  --control-border: #4f1844;
  --border-strong: #63205a;
  --button-bg: #1c0f1d;
  --inset-bg: rgba(0, 0, 0, 0.35);

  --text: #ffffff;
  --text-soft: #f391a0;                /* Cotton Candy */
  --muted: #c995a1;
  --on-accent: #ffffff;

  --accent: #ea3788;                   /* Barbie Pink */
  --accent-2: #b0228c;                 /* Raspberry Plum */
  --danger: #7e2a31;                   /* dark Light Coral */

  /* ---- Strava buttons (brand color, change if you like) ---- */
  --strava: #fc4c02;
  --strava-dim-bg: #4a1808;
  --strava-dim-border: #7e2c0e;

  /* ---- Live power feedback (riding HUD) ---- */
  --power-low: #f391a0;
  --power-good: #4cc06a;
  --power-high: #e56b70;

  /* ---- Workout graph zones (recovery → anaerobic) ---- */
  --zone-recovery: #5a6474;
  --zone-endurance: #f391a0;
  --zone-tempo: #e56b70;
  --zone-threshold: #ea3788;
  --zone-vo2: #b0228c;
  --zone-anaerobic: #6e0c55;

  /* ---- Difficulty badges (easy → very hard) ---- */
  --badge-easy: #f391a0;
  --badge-easy-text: #20060d;
  --badge-easy-medium: #e56b70;
  --badge-medium: #ea3788;
  --badge-medium-hard: #b0228c;
  --badge-hard: #8c1370;
  --badge-very-hard: #5e0947;

  /* ---- Session card backgrounds ---- */
  --card-default: linear-gradient(160deg, #14101c, #07070c);
  --card-coast: linear-gradient(160deg, #101626, #07070c);
  --card-city: linear-gradient(160deg, #1a1026, #07070c);
  --card-alpine: linear-gradient(160deg, #141a2a, #07070c);
  --card-forest: linear-gradient(160deg, #0f1f1c, #07070c);
  --card-desert: linear-gradient(160deg, #261318, #07070c);
  --card-hills: linear-gradient(160deg, #181024, #07070c);
  --card-strength: linear-gradient(160deg, #2c0c24, #07070c);
  --card-treadmill: linear-gradient(160deg, #27101f, #07070c);
  --card-calisthenics: linear-gradient(160deg, #101e2e, #07070c);
}