/* Derived from DESIGN.md. Values are copied verbatim.
   --primary, --primary-active and --secondary are defaults only. /brand.css
   redefines exactly those three per coach, which is the whole white-label. */

:root {
  /* The three white-label tokens. Overridden per coach by /brand.css. */
  --primary: #0075de;
  --primary-active: #005bab;
  --secondary: #213183;

  --on-primary: #ffffff;
  --canvas: #ffffff;
  --canvas-soft: #f6f5f4;
  --surface: #ffffff;
  --ink: #000000;
  --ink-secondary: #31302e;
  --ink-muted: #615d59;
  --ink-faint: #a39e98;
  --hairline: #e6e6e6;

  /* DESIGN.md ships no semantic ramp. A failed model call has to look like a
     failure, so this small addition is ours rather than the system's. Neither
     value is from the decorative sticker palette. */
  --error: #b3261e;
  --error-soft: #fdf0ef;
  --success: #1a7f37;
  --success-soft: #f0f8f2;

  /* Self-hosted, variable weight 100-900 in one file. See app.css @font-face.
     NotionInter is proprietary; Inter is its open-source base, per DESIGN.md's
     own substitution note. */
  --font-sans: Inter, -apple-system, system-ui, 'Segoe UI', Helvetica, Arial, sans-serif;

  --display-1-size: 64px;   --display-1-tracking: -2.125px; --display-1-line: 1.0;
  --heading-1-size: 40px;   --heading-1-tracking: -1px;     --heading-1-line: 1.1;
  --heading-2-size: 26px;   --heading-2-tracking: -0.625px; --heading-2-line: 1.23;
  --heading-3-size: 22px;   --heading-3-tracking: -0.25px;  --heading-3-line: 1.27;
  --title-size: 20px;       --title-tracking: -0.125px;     --title-line: 1.4;
  --body-md-size: 16px;     --body-md-line: 1.5;
  --body-sm-size: 15px;     --body-sm-line: 1.33;
  --caption-size: 14px;     --caption-line: 1.43;
  --eyebrow-size: 12px;     --eyebrow-tracking: 0.125px;    --eyebrow-line: 1.33;

  --rounded-xs: 4px;
  --rounded-sm: 5px;
  --rounded-md: 8px;
  --rounded-lg: 12px;
  --rounded-xl: 16px;
  --rounded-full: 9999px;

  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 28px;
  --space-xxl: 32px;

  /* Elevation is many near-transparent layers, never a hard cast. */
  --shadow-soft:
    rgba(0, 0, 0, 0.01) 0 0.175px 1.041px,
    rgba(0, 0, 0, 0.02) 0 0.8px 2.925px,
    rgba(0, 0, 0, 0.027) 0 2.025px 7.847px,
    rgba(0, 0, 0, 0.04) 0 4px 18px;
}