/* ============================================================
   Exercise App Builder — COLOR & THEME CONFIG
   Edit hex values below to re-theme the whole app.
   No other file needs to change — everything (including the
   confetti animation) reads its colors from these variables.
   ============================================================ */
:root{
  /* Backgrounds */
  --bg:#D6E6EF;          /* main page background */
  --bg-2:#C7DCE8;        /* input fields, steppers, secondary surfaces */
  --surface:#FFFFFF;     /* cards */

  /* Text */
  --ink:#2B2A4A;         /* primary text */
  --ink-dim:#8583A6;     /* secondary/muted text */

  /* Primary accent — buttons, "work" phase, primary actions */
  --orange:#EBC443;
  --orange-soft:#FBEAC0; /* tinted background for badges etc. */
  --orange-text:#8A6A12; /* readable text color on --orange-soft */

  /* Secondary accent — celebration, YouTube badges */
  --sun:#FFC845;
  --sun-soft:#FFF3D6;
  --sun-text:#8A6100;

  /* Tertiary accent — "rest" phase, info, sync */
  --sky:#3E7CA6;
  --sky-soft:#DCEAF2;
  --sky-text:#205373;

  /* Structural */
  --line:#D6E3EA;                          /* borders */
  --shadow: 0 6px 20px rgba(60,55,120,0.08); /* card shadow */
  --radius:20px;                            /* card corner radius (buttons use a smaller fixed radius in the main stylesheet) */
}