/* GENERATED by scripts/make-brand.mjs. Do not edit by hand.
   Source: origin-skills brand references, colour v3.0.0, ui v3.0.0, typography v1.5.0, spacing v2.0.0, motion v1.0.0. */
:root {
  --ink: #262425;
  --ink-secondary: #57544F;
  --ink-muted: #74706B;
  --navy: #30343E;
  --paper: #FAF8F4;
  --paper-deep: #F2EEE6;
  --white: #FFFFFF;
  --odc-surface: #EAF2F5;
  --odc-subtle: #D6E5EB;
  --odc-soft: #B9D3DD;
  --odc-light: #9CC7D6;
  --odc-base: #67BED3;
  --odc-deep: #2F6B82;
  --odc-strong: #255669;
  --odc-deepest: #1B3D4B;
  --accent-ink: #262425;
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-xl: 16px;
  --radius-pill: 999px;
  --dur-fast: 150ms;
  --dur-base: 250ms;
  --dur-slow: 400ms;
  --dur-build: 800ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1);
  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1);
  --font-display: 'Poppins', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'IBM Plex Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', 'SF Mono', Consolas, monospace;
  --type-display-size: 36px;
  --type-display-lead: 1.1;
  --type-display-weight: 700;
  --type-display-font: var(--font-display);
  --type-h1-size: 28px;
  --type-h1-lead: 1.2;
  --type-h1-weight: 700;
  --type-h1-font: var(--font-display);
  --type-h2-size: 22px;
  --type-h2-lead: 1.25;
  --type-h2-weight: 600;
  --type-h2-font: var(--font-display);
  --type-h3-size: 18px;
  --type-h3-lead: 1.3;
  --type-h3-weight: 600;
  --type-h3-font: var(--font-display);
  --type-h4-size: 16px;
  --type-h4-lead: 1.35;
  --type-h4-weight: 600;
  --type-h4-font: var(--font-display);
  --type-body-size: 15px;
  --type-body-lead: 1.55;
  --type-body-weight: 400;
  --type-body-font: var(--font-body);
  --type-lede-size: 17px;
  --type-lede-lead: 1.55;
  --type-lede-weight: 300;
  --type-lede-font: var(--font-body);
  --type-small-size: 13px;
  --type-small-lead: 1.5;
  --type-small-weight: 400;
  --type-small-font: var(--font-body);
  --type-micro-size: 11px;
  --type-micro-lead: 1.4;
  --type-micro-weight: 500;
  --type-micro-font: var(--font-mono);
}
:root, :root[data-theme="light"] {
  color-scheme: light;
  --canvas: #FAF8F4;
  --raised: #FFFFFF;
  --sunken: #F2EEE6;
  --overlay: rgba(38,36,37,0.45);
  --text-primary: #262425;
  --text-secondary: #57544F;
  --text-muted: #74706B;
  --text-inverse: #FAF8F4;
  --text-disabled: #A8A49E;
  --border-divider-subtle: #E8E3D9;
  --border-divider: #C8C0B2;
  --border-interactive: #9D8E75;
  --border-strong: #8A8579;
  --accent-fill: #67BED3;
  --accent-text: #2F6B82;
  --accent-border: #9CC7D6;
  --focus: #2F6B82;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --canvas: #1C1B1B;
  --raised: #262425;
  --sunken: #141313;
  --overlay: rgba(0,0,0,0.60);
  --text-primary: #F2EEE6;
  --text-secondary: #C8C0B2;
  --text-muted: #96908A;
  --text-inverse: #262425;
  --text-disabled: #5C5854;
  --border-divider-subtle: #2A2828;
  --border-divider: #3A3837;
  --border-interactive: #6A6664;
  --border-strong: #8A8579;
  --accent-fill: #2F6B82;
  --accent-text: #67BED3;
  --accent-border: #255669;
  --focus: #67BED3;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --canvas: #1C1B1B;
    --raised: #262425;
    --sunken: #141313;
    --overlay: rgba(0,0,0,0.60);
    --text-primary: #F2EEE6;
    --text-secondary: #C8C0B2;
    --text-muted: #96908A;
    --text-inverse: #262425;
    --text-disabled: #5C5854;
    --border-divider-subtle: #2A2828;
    --border-divider: #3A3837;
    --border-interactive: #6A6664;
    --border-strong: #8A8579;
    --accent-fill: #2F6B82;
    --accent-text: #67BED3;
    --accent-border: #255669;
    --focus: #67BED3;
  }
}