/* GENERATED by scripts/brand/gen-tokens.mjs from brand/tokens.json. Do not edit by hand. */
/**
 * Pace v5 "Master Clock" tokens. Spec: DESIGN.md sections 6.1 to 6.7.
 * Theme: <html data-theme="system | light | dark">. "system" follows prefers-color-scheme.
 * With no data-theme attribute the light values apply.
 */

:root {
  color-scheme: light;

  /* Colour, light (day dial) */
  --pace-canvas: #F3F4F3;
  --pace-surface: #FCFCFB;
  --pace-raised: #FFFFFF;
  --pace-sunken: #E8EAEA;
  --pace-hairline: #DCDFDF;
  --pace-hairline-strong: #C4C8CA;
  --pace-control-border: #838990;
  --pace-ink: #16181A;
  --pace-ink-2: #3D4247;
  --pace-ink-3: #5E656B;
  --pace-ink-4: #8A9096;
  --pace-signal: #D33C11;
  --pace-signal-hover: #B7350F;
  --pace-signal-text: #B7350F;
  --pace-signal-wash: color-mix(in oklab, var(--pace-signal) 8%, var(--pace-surface));
  --pace-on-signal: #FFFFFF;
  --pace-success: #1E7A45;
  --pace-warning: #9A5B00;
  --pace-warning-fill: #F2B53A;
  --pace-on-warning-fill: #16181A;
  --pace-error: #A3123A;
  --pace-on-error: #FFFFFF;
  --pace-info: #3D4247;
  --pace-scrim: oklch(15% 0.01 230 / 0.4);
  --pace-elev-0: none;
  --pace-elev-1: 0 0 0 1px var(--pace-hairline);
  --pace-elev-2: 0 0 0 1px var(--pace-hairline), 0 1px 2px oklch(20% 0.01 230 / 0.06);
  --pace-elev-3: 0 8px 24px oklch(20% 0.01 230 / 0.12), 0 0 0 1px var(--pace-hairline);
  --pace-elev-4: 0 24px 64px oklch(20% 0.01 230 / 0.18), 0 0 0 1px var(--pace-hairline);
  --pace-focus: 0 0 0 2px var(--pace-surface), 0 0 0 4px var(--pace-signal);

  /* Role aliases (DESIGN.md 6.12): resolve per theme through the colour tokens above. */
  --pace-plate-ground: var(--pace-sunken);
  --pace-plate-inset: var(--pace-raised);
  --pace-plate-edge: var(--pace-hairline-strong);
  --pace-callout-bg: var(--pace-raised);
  --pace-callout-border: var(--pace-hairline-strong);
  --pace-callout-ink: var(--pace-ink);
  --pace-callout-meta: var(--pace-ink-3);
  --pace-callout-leader: var(--pace-ink-4);
  --pace-callout-marker: var(--pace-signal);
  --pace-viz-1: var(--pace-ink);
  --pace-viz-2: var(--pace-ink-3);
  --pace-viz-3: var(--pace-ink-4);
  --pace-viz-4: var(--pace-hairline-strong);
  --pace-viz-now: var(--pace-signal);
  --pace-viz-grid: var(--pace-hairline);
  --pace-viz-axis: var(--pace-ink-3);
  --pace-plate-pad: 32px;
  --pace-plate-pad-mobile: 24px;
  --pace-callout-shadow: var(--pace-elev-3);
  --pace-callout-radius: var(--pace-radius-container);
  --pace-callout-max: 240px;

  /* Video overlay (6.12): theme-invariant, the hero plate is dark in both themes. */
  --pace-video-ground: #0F1112;
  --pace-video-scrim: oklch(5% 0.01 230 / 0.75);
  --pace-video-control-bg: oklch(5% 0.01 230 / 0.88);
  --pace-video-control-ink: #ECEDEC;
  --pace-video-control-border: #3A4045;
  --pace-video-ink-2: #B4BABE;

  /* Type */
  --pace-font: "Mona Sans", "Mona Sans Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --pace-font-display: var(--pace-font);
  --pace-font-mono: "Monaspace Neon", "Monaspace Neon Fallback", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --pace-display-wdth: 112;
  --pace-display-wght: 620;
  --pace-display-tracking: -0.02em;
  --pace-display-size: clamp(2.5rem, 5.2vw, 4.5rem);
  --pace-text-2xs: 0.6875rem;
  --pace-text-2xs-lh: 1rem;
  --pace-text-xs: 0.75rem;
  --pace-text-xs-lh: 1rem;
  --pace-text-sm: 0.8125rem;
  --pace-text-sm-lh: 1.25rem;
  --pace-text-base: 0.875rem;
  --pace-text-base-lh: 1.375rem;
  --pace-text-md: 1rem;
  --pace-text-md-lh: 1.5rem;
  --pace-text-lg: 1.125rem;
  --pace-text-lg-lh: 1.625rem;
  --pace-text-xl: 1.375rem;
  --pace-text-xl-lh: 1.75rem;
  --pace-text-metric: 1.75rem;
  --pace-text-metric-lh: 2rem;
  --pace-mk-caption: 0.875rem;
  --pace-mk-caption-lh: 1.25rem;
  --pace-mk-caption-weight: 500;
  --pace-mk-caption-tracking: 0;
  --pace-mk-body: 1.0625rem;
  --pace-mk-body-lh: 1.75rem;
  --pace-mk-body-weight: 400;
  --pace-mk-body-tracking: 0;
  --pace-mk-lead: 1.375rem;
  --pace-mk-lead-lh: 2rem;
  --pace-mk-lead-weight: 400;
  --pace-mk-lead-tracking: 0;
  --pace-mk-h3: 1.875rem;
  --pace-mk-h3-lh: 2.375rem;
  --pace-mk-h3-weight: 600;
  --pace-mk-h3-tracking: -0.01em;
  --pace-mk-h2: 2.5rem;
  --pace-mk-h2-lh: 2.875rem;
  --pace-mk-h2-weight: 620;
  --pace-mk-h2-tracking: -0.015em;
  --pace-mk-h1: 3.375rem;
  --pace-mk-h1-lh: 3.625rem;
  --pace-mk-h1-weight: 620;
  --pace-mk-h1-tracking: -0.02em;
  --pace-mk-display: 4.5rem;
  --pace-mk-display-lh: 4.75rem;
  --pace-mk-display-weight: 620;
  --pace-mk-display-tracking: -0.02em;
  --pace-mtext-1: var(--pace-mk-caption);
  --pace-mtext-2: var(--pace-mk-body);
  --pace-mtext-3: var(--pace-mk-lead);
  --pace-mtext-4: var(--pace-mk-h3);
  --pace-mtext-5: var(--pace-mk-h2);
  --pace-mtext-6: var(--pace-mk-h1);
  --pace-mtext-7: var(--pace-mk-display);

  /* Space and layout */
  --pace-space-2: 0.125rem;
  --pace-space-4: 0.25rem;
  --pace-space-8: 0.5rem;
  --pace-space-12: 0.75rem;
  --pace-space-16: 1rem;
  --pace-space-20: 1.25rem;
  --pace-space-24: 1.5rem;
  --pace-space-32: 2rem;
  --pace-space-40: 2.5rem;
  --pace-space-56: 3.5rem;
  --pace-space-80: 5rem;
  --pace-space-120: 7.5rem;
  --pace-sidebar: 248px;
  --pace-rail: 56px;
  --pace-header: 52px;
  --pace-content-max: 1280px;
  --pace-gutter: 24px;
  --pace-gutter-mobile: 16px;
  --pace-panel-pad: 20px;
  --pace-row: 40px;
  --pace-row-dense: 32px;
  --pace-marketing-max: 1200px;
  --pace-nav-marketing: 64px;
  --pace-measure: 65ch;

  /* Radius */
  --pace-radius-control: 4px;
  --pace-radius-check: 2px;
  --pace-radius-container: 6px;
  --pace-radius-overlay: 10px;
  --pace-radius-full: 9999px;

  /* Motion */
  --pace-dur-instant: 90ms;
  --pace-dur-quick: 160ms;
  --pace-dur-base: 240ms;
  --pace-dur-slow: 360ms;
  --pace-dur-instant-exit: 63ms;
  --pace-dur-quick-exit: 112ms;
  --pace-dur-base-exit: 168ms;
  --pace-dur-slow-exit: 252ms;
  --pace-ease: cubic-bezier(0.2, 0, 0, 1);
  --pace-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --pace-ease-tick: steps(1, end);
  /* Signature motion (DESIGN.md 6.7): M1 sweep, M2 baton, M4 tick rail. */
  --pace-loader-delay: 400ms;
  --pace-sweep-run: 1200ms;
  --pace-sweep-pause: 1500ms;
  --pace-baton-beat: 600ms;
  --pace-baton-tilt: 6deg;
  --pace-tick-each: 30ms;
  --pace-tick-cap: 300ms;
  --pace-sweep-period: calc(var(--pace-sweep-run) + var(--pace-sweep-pause));

  /* Deprecated v4 aliases. Screen units migrate off these; never add new ones. */
  --pace-canvas-soft: var(--pace-surface);
  --pace-canvas-raised: var(--pace-raised);
  --pace-canvas-card: var(--pace-surface);
  --pace-canvas-hover: var(--pace-sunken);
  --pace-canvas-float: var(--pace-raised);
  --pace-accent: var(--pace-signal);
  --pace-accent-hover: var(--pace-signal-hover);
  --pace-accent-deep: var(--pace-signal-text);
  --pace-accent-dim: color-mix(in srgb, var(--pace-signal) 15%, transparent);
  --pace-accent-bg: color-mix(in srgb, var(--pace-signal) 10%, transparent);
  --pace-ink-soft: var(--pace-ink-2);
  --pace-ink-mid: var(--pace-ink-2);
  --pace-ink-mute: var(--pace-ink-3);
  --pace-ink-dim: var(--pace-ink-3);
  --pace-ink-faint: var(--pace-ink-4);
  --pace-on-primary: var(--pace-on-signal);
  --pace-ok: var(--pace-success);
  --pace-warn: var(--pace-warning);
  --pace-info-text: var(--pace-ink-2);
  --pace-border: var(--pace-hairline);
  --pace-border-focus: var(--pace-signal);
  --pace-radius-sm: var(--pace-radius-control);
  --pace-radius-md: var(--pace-radius-container);
  --pace-radius-lg: var(--pace-radius-container);
  --pace-radius-xl: var(--pace-radius-overlay);
  --pace-shadow-sm: var(--pace-elev-2);
  --pace-shadow-md: var(--pace-elev-3);
  --pace-duration-fast: var(--pace-dur-instant);
  --pace-duration-base: var(--pace-dur-base);
  --pace-duration-slow: var(--pace-dur-slow);
  --pace-ease-out: var(--pace-ease);
  --pace-ease-in-out: var(--pace-ease);
}

@media (max-width: 639px) {
  :root {
    --pace-plate-pad: 24px;
  }
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --pace-canvas: #0F1112;
  --pace-surface: #16191B;
  --pace-raised: #1D2124;
  --pace-sunken: #0B0C0D;
  --pace-hairline: #2A2F33;
  --pace-hairline-strong: #3A4045;
  --pace-control-border: #6B7379;
  --pace-ink: #ECEDEC;
  --pace-ink-2: #B4BABE;
  --pace-ink-3: #8C9398;
  --pace-ink-4: #6B7379;
  --pace-signal: #FF6A3D;
  --pace-signal-hover: #FF8560;
  --pace-signal-text: #FF6A3D;
  --pace-signal-wash: color-mix(in oklab, var(--pace-signal) 14%, var(--pace-surface));
  --pace-on-signal: #16181A;
  --pace-success: #4FC27F;
  --pace-warning: #E9B04A;
  --pace-warning-fill: #E9B04A;
  --pace-on-warning-fill: #16181A;
  --pace-error: #EF5C86;
  --pace-on-error: #16181A;
  --pace-info: #B4BABE;
  --pace-scrim: oklch(5% 0.01 230 / 0.6);
  --pace-elev-0: none;
  --pace-elev-1: 0 0 0 1px var(--pace-hairline);
  --pace-elev-2: 0 0 0 1px var(--pace-hairline);
  --pace-elev-3: 0 0 0 1px var(--pace-hairline);
  --pace-elev-4: 0 0 0 1px var(--pace-hairline);
}

:root[data-theme='system'] {
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme='system'] {
    --pace-canvas: #0F1112;
    --pace-surface: #16191B;
    --pace-raised: #1D2124;
    --pace-sunken: #0B0C0D;
    --pace-hairline: #2A2F33;
    --pace-hairline-strong: #3A4045;
    --pace-control-border: #6B7379;
    --pace-ink: #ECEDEC;
    --pace-ink-2: #B4BABE;
    --pace-ink-3: #8C9398;
    --pace-ink-4: #6B7379;
    --pace-signal: #FF6A3D;
    --pace-signal-hover: #FF8560;
    --pace-signal-text: #FF6A3D;
    --pace-signal-wash: color-mix(in oklab, var(--pace-signal) 14%, var(--pace-surface));
    --pace-on-signal: #16181A;
    --pace-success: #4FC27F;
    --pace-warning: #E9B04A;
    --pace-warning-fill: #E9B04A;
    --pace-on-warning-fill: #16181A;
    --pace-error: #EF5C86;
    --pace-on-error: #16181A;
    --pace-info: #B4BABE;
    --pace-scrim: oklch(5% 0.01 230 / 0.6);
    --pace-elev-0: none;
    --pace-elev-1: 0 0 0 1px var(--pace-hairline);
    --pace-elev-2: 0 0 0 1px var(--pace-hairline);
    --pace-elev-3: 0 0 0 1px var(--pace-hairline);
    --pace-elev-4: 0 0 0 1px var(--pace-hairline);
  }
}