/* calm-practice — generated by tools/calm_tokens.py. Do not hand-edit.
   Light is the complete palette on bare :root; the dark blocks redefine
   only the colours that change, so nothing lives solely inside a media
   query. An explicit data-theme wins over the system preference in both
   directions. Every colour below is the nearest OKLCh lightness clearing
   its role's WCAG ratio against that theme's worst ground. */
:root {
  color-scheme: light dark;
  --cp-paper: #f6f5ed;
  --cp-card: #fdfcf9;
  --cp-mist: #d5e1ee;
  --cp-sunken: #efe1d2;
  --cp-ink: #3b4047;
  --cp-ink-muted: #565c64;
  --cp-primary: #4c5d71;
  --cp-on-primary: #d4d3ce;
  --cp-primary-text: #4c5d71;
  --cp-accent: #a16a4d;
  --cp-on-accent: #070605;
  --cp-accent-text: #834f32;
  --cp-accent-quiet: #eae2d7;
  --cp-critical: #b06058;
  --cp-on-critical: #ffffff;
  --cp-critical-text: #91453e;
  --cp-critical-quiet: #ece0d8;
  --cp-stroke: #71787f;
  --cp-rule: #a1a8b0;
  --cp-focus: #71787f;

  --cp-family-display: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --cp-family-text: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --cp-text-display: clamp(2.5rem, 1.8838rem + 2.6291vw, 4.25rem);
  --cp-leading-display: 1.1;
  --cp-text-h1: clamp(2rem, 1.4278rem + 2.4413vw, 3.625rem);
  --cp-leading-h1: 1.1;
  --cp-text-h2: clamp(1.875rem, 1.5229rem + 1.5023vw, 2.875rem);
  --cp-leading-h2: 1.1;
  --cp-text-h3: clamp(1.6875rem, 1.4894rem + 0.8451vw, 2.25rem);
  --cp-leading-h3: 1.2;
  --cp-text-h4: clamp(1.5625rem, 1.4525rem + 0.4695vw, 1.875rem);
  --cp-leading-h4: 1.2;
  --cp-text-h5: clamp(1.375rem, 1.309rem + 0.2817vw, 1.5625rem);
  --cp-leading-h5: 1.3;
  --cp-text-h6: clamp(1.25rem, 1.206rem + 0.1878vw, 1.375rem);
  --cp-leading-h6: 1.4;
  --cp-text-lede: clamp(1.125rem, 1.103rem + 0.0939vw, 1.1875rem);
  --cp-leading-lede: 1.6;
  --cp-text-body: clamp(0.9375rem, 0.9155rem + 0.0939vw, 1rem);
  --cp-leading-body: 1.6;
  --cp-text-micro: clamp(0.875rem, 0.853rem + 0.0939vw, 0.9375rem);
  --cp-leading-micro: 1.6;
  --cp-tracking-eyebrow: 0.17333em;

  --cp-space-3xs: 0.25rem;
  --cp-space-2xs: 0.5rem;
  --cp-space-xs: 0.75rem;
  --cp-space-sm: 1rem;
  --cp-space-md: 1.5rem;
  --cp-space-lg: 2.5rem;
  --cp-space-xl: 4rem;
  --cp-space-2xl: 6rem;
  --cp-space-3xl: 9rem;

  --cp-container: 1024px;
  --cp-container-wide: 1240px;
  --cp-measure: 62ch;
  --cp-gutter: clamp(1.25rem, 5vw, 4rem);
  --cp-control-height: 50px;
  --cp-control-pad: 12px 27px;
  --cp-control-pad-wide: 15px 75px;

  --cp-radius-control: 10px;
  --cp-radius-card: 10px;
  --cp-radius-image: 10px 10px 0 0;
  --cp-radius-soft: 60px;
  --cp-radius-pill: 50px;
  --cp-radius-circle: 50%;

  --cp-shadow-lift: 2px 8px 23px 3px rgba(0, 0, 0, 0.2);
  --cp-on-image: #f6f5ed;
  --cp-image-ground: #1f2329;

  --cp-duration-enter: 300ms;
  --cp-duration-exit: 180ms;
  --cp-duration-state: 300ms;
  --cp-duration-reveal: 600ms;
  --cp-ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --cp-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --cp-ease-move: cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- narrow: the top of the ladder loosens, as the reference's does -- */
@media (max-width: 47.9375rem) {
  :root {
    --cp-leading-display: 1.2;
    --cp-leading-h1: 1.2;
    --cp-leading-h2: 1.2;
    --cp-leading-h3: 1.3;
    --cp-leading-h4: 1.4;
  }
}

/* --- dark ------------------------------------------------------------ */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --cp-paper: #181713;
    --cp-card: #25241f;
    --cp-mist: #191f27;
    --cp-sunken: #0f0e0b;
    --cp-ink: #a7afb7;
    --cp-ink-muted: #848b92;
    --cp-primary: #798ca1;
    --cp-on-primary: #242421;
    --cp-primary-text: #798ca1;
    --cp-accent: #966044;
    --cp-on-accent: #f0efeb;
    --cp-accent-text: #b67d60;
    --cp-accent-quiet: #2a211a;
    --cp-critical: #a5574f;
    --cp-on-critical: #f0f0eb;
    --cp-critical-text: #c5746b;
    --cp-critical-quiet: #2c201b;
    --cp-stroke: #676e75;
    --cp-rule: #3f454b;
    --cp-focus: #676e75;
    --cp-shadow-lift: 2px 10px 28px 4px rgba(0, 0, 0, 0.55);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --cp-paper: #181713;
  --cp-card: #25241f;
  --cp-mist: #191f27;
  --cp-sunken: #0f0e0b;
  --cp-ink: #a7afb7;
  --cp-ink-muted: #848b92;
  --cp-primary: #798ca1;
  --cp-on-primary: #242421;
  --cp-primary-text: #798ca1;
  --cp-accent: #966044;
  --cp-on-accent: #f0efeb;
  --cp-accent-text: #b67d60;
  --cp-accent-quiet: #2a211a;
  --cp-critical: #a5574f;
  --cp-on-critical: #f0f0eb;
  --cp-critical-text: #c5746b;
  --cp-critical-quiet: #2c201b;
  --cp-stroke: #676e75;
  --cp-rule: #3f454b;
  --cp-focus: #676e75;
  --cp-shadow-lift: 2px 10px 28px 4px rgba(0, 0, 0, 0.55);
}