:root {
  /* Exact rendered anchors: #4C5765 and #221E28, expressed in OKLCH. */
  --yc365p-brand-slate: oklch(45.255% 0.02684 254.54);
  --yc365p-brand-ink: oklch(24.397% 0.01959 303.19);
  --yc365p-white: oklch(100% 0 0);
  --yc365p-black: oklch(12% 0.018 285);
  --yc365p-blue: oklch(62% 0.15 252);
  --yc365p-blue-strong: oklch(54% 0.18 252);
  --yc365p-gold: oklch(80% 0.17 86);
  --yc365p-red: oklch(61% 0.19 25);
  --yc365p-green: oklch(64% 0.15 150);

  --yc365p-canvas: oklch(96.8% 0.006 80);
  --yc365p-surface: var(--yc365p-white);
  --yc365p-surface-soft: oklch(97.4% 0.005 255);
  --yc365p-surface-raised: var(--yc365p-white);
  --yc365p-text: var(--yc365p-brand-ink);
  --yc365p-text-muted: oklch(49% 0.026 258);
  --yc365p-border: oklch(87% 0.012 255);
  --yc365p-border-strong: oklch(72% 0.025 255);
  --yc365p-overlay: oklch(16% 0.02 286 / 0.64);
  --yc365p-header: oklch(99% 0.002 80 / 0.96);
  --yc365p-footer: var(--yc365p-brand-ink);
  --yc365p-footer-text: oklch(92% 0.01 255);
  --yc365p-footer-muted: oklch(74% 0.02 255);
  --yc365p-focus: oklch(64% 0.17 250);
  --yc365p-focus-halo: oklch(64% 0.17 250 / 0.15);
  --yc365p-avatar-glow: oklch(62% 0.15 252 / 0.26);
  --yc365p-blue-wash: oklch(62% 0.15 252 / 0.08);
  --yc365p-blue-shadow: oklch(54% 0.18 252 / 0.22);
  --yc365p-white-alpha-50: oklch(100% 0 0 / 0.5);
  --yc365p-white-alpha-20: oklch(100% 0 0 / 0.2);
  --yc365p-white-alpha-13: oklch(100% 0 0 / 0.13);
  --yc365p-dock-shadow: 0 -0.5rem 1.5rem oklch(18% 0.02 285 / 0.08);

  /* Standalone authentication surfaces. */
  --yc365p-auth-paper: oklch(98.6% 0.004 255);
  --yc365p-auth-paper-soft: oklch(96.8% 0.008 255);
  --yc365p-auth-ink: var(--yc365p-brand-ink);
  --yc365p-auth-muted: oklch(47% 0.024 258);
  --yc365p-auth-rule: oklch(85% 0.014 255);
  --yc365p-auth-field: oklch(99.4% 0.003 255);
  --yc365p-auth-field-focus: var(--yc365p-blue-strong);
  --yc365p-auth-action: var(--yc365p-brand-slate);
  --yc365p-auth-action-hover: var(--yc365p-brand-ink);
  --yc365p-auth-action-ink: oklch(98% 0.004 80);
  --yc365p-auth-link: oklch(51% 0.18 255);
  --yc365p-auth-danger: oklch(50% 0.19 25);
  --yc365p-auth-success: oklch(43% 0.13 150);
  --yc365p-auth-media-scrim: oklch(10% 0.018 292);
  --yc365p-auth-light-wash: oklch(99% 0.004 255);
  --yc365p-auth-panel-shadow: 0 1.5rem 5rem oklch(16% 0.018 292 / 0.16);

  --yc365p-font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  --yc365p-font-body: "IBM Plex Sans", Arial, sans-serif;
  --yc365p-font-mono: "IBM Plex Mono", Consolas, monospace;

  --yc365p-space-1: 0.25rem;
  --yc365p-space-2: 0.5rem;
  --yc365p-space-3: 0.75rem;
  --yc365p-space-4: 1rem;
  --yc365p-space-5: 1.25rem;
  --yc365p-space-6: 1.5rem;
  --yc365p-space-8: 2rem;
  --yc365p-space-10: 2.5rem;
  --yc365p-space-12: 3rem;
  --yc365p-space-16: 4rem;
  --yc365p-space-20: 5rem;
  --yc365p-space-24: 6rem;

  --yc365p-radius-sm: 0.375rem;
  --yc365p-radius-md: 0.625rem;
  --yc365p-radius-lg: 0.875rem;
  --yc365p-radius-pill: 999px;

  --yc365p-shadow-sm: 0 1px 2px oklch(18% 0.02 285 / 0.08);
  --yc365p-shadow-md: 0 12px 30px oklch(18% 0.02 285 / 0.13);
  --yc365p-shadow-lg: 0 28px 70px oklch(18% 0.02 285 / 0.2);
  --yc365p-frame: 90rem;
  --yc365p-header-height: 4.5rem;
  --yc365p-mobile-dock-height: 4rem;
  --yc365p-motion-fast: 140ms;
  --yc365p-motion-base: 220ms;
  --yc365p-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

html[data-theme="dark"] {
  --yc365p-canvas: oklch(18% 0.018 296);
  --yc365p-surface: var(--yc365p-brand-ink);
  --yc365p-surface-soft: oklch(28% 0.021 292);
  --yc365p-surface-raised: oklch(31% 0.023 292);
  --yc365p-text: oklch(96% 0.006 80);
  --yc365p-text-muted: oklch(74% 0.018 260);
  --yc365p-border: oklch(38% 0.024 285);
  --yc365p-border-strong: oklch(52% 0.03 275);
  --yc365p-header: oklch(20% 0.019 296 / 0.96);
  --yc365p-overlay: oklch(8% 0.015 296 / 0.76);
  --yc365p-shadow-sm: 0 1px 2px oklch(4% 0.01 285 / 0.32);
  --yc365p-shadow-md: 0 12px 30px oklch(4% 0.01 285 / 0.38);
  --yc365p-shadow-lg: 0 28px 70px oklch(4% 0.01 285 / 0.48);
}