/* Try — brand tokens
 * Fonts (add to <head>):
 * <link href="https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400;1,6..72,500&display=swap" rel="stylesheet">
 */
:root {
  /* ---- Base ---- */
  --try-black:        #000000;   /* app's native register; Direction A base */
  --try-paper:        #F4F0E7;   /* Direction B base (warm paper) */
  --try-paper-sunken: #EFEADF;
  --try-hairline:     #E4DDCE;   /* on paper */

  /* ---- Identity ---- */
  --try-cyan:     #3DC7EB;   /* swim — THE single brand colour */
  --try-cyan-ink: #0B6E8F;   /* cyan legible on light backgrounds */

  /* ---- Discipline (PRODUCT-ONLY: screenshots + week view, not brand chrome) ---- */
  --try-swim:  #3DC7EB;
  --try-bike:  #FFB533;
  --try-run:   #6BE070;
  --try-brick: #B88CFF;
  --try-race:  #FF6B36;
  --try-rest:  #9499AB;

  /* ---- Workout state (PRODUCT-ONLY) ---- */
  --try-work:     #FF6B36;   /* NEVER reuse as a marketing CTA */
  --try-recover:  #40ADFF;
  --try-sprint:   #FF3854;
  --try-complete: #33D987;

  /* ---- Feedback ---- */
  --try-success: #33D987;
  --try-warning: #FFC233;
  --try-danger:  #FF4F4F;
  --try-info:    #5CB3FF;

  /* ---- Text on black ---- */
  --try-text:   #FFFFFF;
  --try-text-2: rgba(255,255,255,.72);
  --try-text-3: rgba(255,255,255,.45);

  /* ---- Text on paper ---- */
  --try-ink:   #14161B;
  --try-ink-2: #4A4F5B;
  --try-ink-3: #9A927F;

  /* ---- Type ---- */
  --try-font-ui:    'Onest', system-ui, -apple-system, sans-serif;
  --try-font-serif: 'Newsreader', Georgia, serif;

  /* ---- Radius (echoes the app: 8 / 14 / pill) ---- */
  --try-r-sm:   8px;
  --try-r-md:   14px;
  --try-r-lg:   22px;
  --try-r-pill: 999px;

  /* ---- Spacing rhythm (app scale, px) ---- */
  --try-s-1: 4px;  --try-s-2: 8px;  --try-s-3: 12px; --try-s-4: 16px;
  --try-s-5: 20px; --try-s-6: 24px; --try-s-7: 32px; --try-s-8: 40px;
}