/* GENERATED FROM tokens.json BY packages/tokens/build.mjs — DO NOT EDIT.
 *
 * Variables are prefixed --cp-* so they cannot collide with Source's own
 * custom properties (the theme already defines --background-color from a Ghost
 * custom setting).
 *
 * Dark values apply via prefers-color-scheme. The site's own light/dark comes
 * from the Ghost setting site_background_color (#000000 today), so these are
 * available for components to opt into rather than being forced globally —
 * overriding the theme wholesale here would fight CRPA-64's pinned design.
 */
:root {
  --cp-brand: #0A0A0A;
  --cp-brand-light: #1C1C1E;
  --cp-accent: #F79A1B;
  --cp-accent-bright: #FFB619;
  --cp-danger: #C8442F;
  --cp-bg: #FFFFFF;
  --cp-card: #F7F7F8;
  --cp-border: #E4E4E7;
  --cp-hairline: #DCDCE1;
  --cp-text: #111113;
  --cp-text-muted: #5C5C66;
  --cp-header-bg: #FFFFFF;
  --cp-header-text: #111113;
  --cp-header-border: #E4E4E7;
  --cp-link: #A9640A;
  --cp-up: #127A45;
  --cp-down: #C8442F;
  --cp-licensed: #127A45;
  --cp-noc: #B87400;

  --cp-font-serif: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
  --cp-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

  --cp-type-lead-size: 30px;
  --cp-type-lead-line: 37px;
  --cp-type-lead-tracking: -0.4px;
  --cp-type-headline-size: 21px;
  --cp-type-headline-line: 27px;
  --cp-type-headline-tracking: -0.2px;
  --cp-type-headline-sm-size: 17px;
  --cp-type-headline-sm-line: 23px;
  --cp-type-headline-sm-tracking: -0.1px;
  --cp-type-article-title-size: 32px;
  --cp-type-article-title-line: 39px;
  --cp-type-article-title-tracking: -0.5px;
  --cp-type-standfirst-size: 16px;
  --cp-type-standfirst-line: 24px;
  --cp-type-body-size: 17px;
  --cp-type-body-line: 28px;
  --cp-type-excerpt-size: 15px;
  --cp-type-excerpt-line: 21px;
  --cp-type-kicker-size: 11px;
  --cp-type-kicker-line: 14px;
  --cp-type-kicker-tracking: 0.9px;
  --cp-type-kicker-weight: 700;
  --cp-type-meta-size: 12.5px;
  --cp-type-meta-line: 17px;

  --cp-gutter: 18px;
}

@media (prefers-color-scheme: dark) {
  :root {
  --cp-bg: #0D0D0F;
  --cp-card: #17171A;
  --cp-border: #2A2A2F;
  --cp-hairline: #2E2E34;
  --cp-text: #ECECEF;
  --cp-text-muted: #9A9AA4;
  --cp-header-bg: #0D0D0F;
  --cp-header-text: #ECECEF;
  --cp-header-border: #2A2A2F;
  --cp-link: #FFB619;
  --cp-up: #35C87F;
  --cp-down: #F1705C;
  --cp-licensed: #35C87F;
  --cp-noc: #FFB619;
  }
}

/* Explicit opt-in, for a future theme toggle that must beat the media query. */
:root[data-theme='dark'] {
  --cp-bg: #0D0D0F;
  --cp-card: #17171A;
  --cp-border: #2A2A2F;
  --cp-hairline: #2E2E34;
  --cp-text: #ECECEF;
  --cp-text-muted: #9A9AA4;
  --cp-header-bg: #0D0D0F;
  --cp-header-text: #ECECEF;
  --cp-header-border: #2A2A2F;
  --cp-link: #FFB619;
  --cp-up: #35C87F;
  --cp-down: #F1705C;
  --cp-licensed: #35C87F;
  --cp-noc: #FFB619;
}

:root[data-theme='light'] {
  --cp-bg: #FFFFFF;
  --cp-card: #F7F7F8;
  --cp-border: #E4E4E7;
  --cp-hairline: #DCDCE1;
  --cp-text: #111113;
  --cp-text-muted: #5C5C66;
  --cp-header-bg: #FFFFFF;
  --cp-header-text: #111113;
  --cp-header-border: #E4E4E7;
  --cp-link: #A9640A;
  --cp-up: #127A45;
  --cp-down: #C8442F;
  --cp-licensed: #127A45;
  --cp-noc: #B87400;
}