/*
 * Prep tenant theme — the Brand's colours and its typeface.
 * Inherits all typography, radii, spacing, and sizing defaults from @ydin/themes/base.css.
 * Add :root overrides below to restyle without touching component code.
 *
 * Prep keeps the colours it overrides (its red, amber, cream and navy); the
 * handover's structure (docs/plans/m2-core-tracker.md, "Foundations") takes
 * them on: the same token names, glass from base.css's --material-* set over
 * the card, and the coach desktop's own values below, drawn from this palette.
 */

/* The typeface: Figtree, self-hosted, as the default theme's. */
/* figtree-latin-ext-wght-normal */
@font-face {
  font-family: 'Figtree Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 900;
  src: url(/brand/fonts/figtree-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* figtree-latin-wght-normal */
@font-face {
  font-family: 'Figtree Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 300 900;
  src: url(/brand/fonts/figtree-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  --font-sans: 'Figtree Variable', ui-sans-serif, system-ui, sans-serif;
}

:root {
  --background:           oklch(0.985 0.005 95);
  --foreground:           oklch(0.18 0.04 270);
  --card:                 oklch(1 0 0);
  --card-foreground:      oklch(0.18 0.04 270);
  --popover:              oklch(1 0 0);
  --popover-foreground:   oklch(0.18 0.04 270);
  --primary:              oklch(0.55 0.22 25);
  --primary-foreground:   oklch(0.985 0 0);
  --secondary:            oklch(0.92 0.04 95);
  --secondary-foreground: oklch(0.25 0.05 270);
  --muted:                oklch(0.94 0.02 95);
  --muted-foreground:     oklch(0.5 0.03 270);
  --accent:               oklch(0.78 0.18 75);
  --accent-foreground:    oklch(0.18 0.04 270);
  --destructive:          oklch(0.577 0.245 27.325);
  --activity:             oklch(0.6 0.16 150);   /* work done, in the athlete's calendar */
  --rest-day:             oklch(0.6 0.12 250);   /* a rest day the plan gives, in the athlete's calendar */
  --destructive-foreground: oklch(0.985 0 0);
  --border:               oklch(0.88 0.02 95);
  --input:                oklch(0.88 0.02 95);
  --ring:                 oklch(0.55 0.22 25);
  /* The athlete app's action colour is the brand's. */
  --action:               var(--primary);
  --action-foreground:    var(--primary-foreground);

  --avatar-1:             oklch(0.7  0.18 25);
  --avatar-2:             oklch(0.75 0.16 80);
  --avatar-3:             oklch(0.72 0.14 150);
  --avatar-4:             oklch(0.7  0.14 220);
  --avatar-5:             oklch(0.68 0.16 300);
  --avatar-foreground:    oklch(0.985 0 0);
}

.dark {
  --background:           oklch(0.16 0.03 270);
  --foreground:           oklch(0.97 0.01 95);
  --card:                 oklch(0.22 0.04 270);
  --card-foreground:      oklch(0.97 0.01 95);
  --popover:              oklch(0.22 0.04 270);
  --popover-foreground:   oklch(0.97 0.01 95);
  --primary:              oklch(0.7 0.2 25);
  --primary-foreground:   oklch(0.16 0.03 270);
  --secondary:            oklch(0.3 0.04 270);
  --secondary-foreground: oklch(0.97 0.01 95);
  --muted:                oklch(0.28 0.03 270);
  --muted-foreground:     oklch(0.72 0.02 95);
  --accent:               oklch(0.78 0.18 75);
  --accent-foreground:    oklch(0.16 0.03 270);
  --destructive:          oklch(0.704 0.191 22.216);
  --activity:             oklch(0.72 0.17 150);
  --rest-day:             oklch(0.7 0.12 250);
  --destructive-foreground: oklch(0.985 0 0);
  --border:               oklch(1 0 0 / 12%);
  --input:                oklch(1 0 0 / 15%);
  --ring:                 oklch(0.7 0.2 25);
  --action:               var(--primary);
  --action-foreground:    var(--primary-foreground);

  --avatar-1:             oklch(0.6  0.16 25);
  --avatar-2:             oklch(0.65 0.14 80);
  --avatar-3:             oklch(0.62 0.13 150);
  --avatar-4:             oklch(0.6  0.13 220);
  --avatar-5:             oklch(0.6  0.14 300);
  --avatar-foreground:    oklch(0.985 0 0);
}

/* ── The coach desktop ─────────────────────────────────────────────────────
 * As the default theme's: a ground a step deeper than the phone's outside
 * the panels, and the panels' own fills and hairlines, in Prep's hues. */
[data-shell='desktop'] {
  --background:           oklch(0.95 0.01 95);
  --card:                 oklch(1 0 0);
  --popover:              oklch(1 0 0);
  --secondary:            oklch(0.965 0.015 95);
  --muted:                oklch(0.965 0.015 95);
  --border:               oklch(0.9 0.015 95);
  --input:                oklch(0.9 0.015 95);
}

.dark [data-shell='desktop'] {
  --background:           oklch(0.12 0.025 270);
  --card:                 oklch(0.16 0.03 270);
  --popover:              oklch(0.16 0.03 270);
  --secondary:            oklch(0.22 0.04 270);
  --muted:                oklch(0.22 0.04 270);
  --border:               oklch(1 0 0 / 12%);
  --input:                oklch(1 0 0 / 15%);
}