:root {
    /* davidazofeifa - MOTIF (canonical visual variable contract). */
    color-scheme: dark;

    --REF--family-heading: "Space Grotesk", "Inter", sans-serif;
    --REF--family-body: "Inter", "Segoe UI", system-ui, sans-serif;
    --REF--family-interface: "Inter", "Segoe UI", system-ui, sans-serif;
    --REF--family-special: "Space Grotesk", "Inter", sans-serif;
    --REF--seed-canvas: oklch(0.169 0.025 265.2);
    --REF--seed-accent-primary: oklch(0.830 0.140 81.4);
    --REF--seed-text: oklch(0.968 0.007 247.9);
    --REF--seed-accent-secondary: oklch(0.754 0.139 232.7);
    --REF--seed-accent-tertiary: oklch(0.862 0.119 83.6);
    --REF--family-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
    --REF--seed-canvas-dark: oklch(from var(--REF--seed-canvas) calc(min(l, 0.12)) calc(c * 0.9) h);
    --REF--seed-text-dark: oklch(from var(--REF--seed-text) calc(max(l, 0.92)) calc(c * 0.75) h);
    --REF--seed-accent-primary-dark: oklch(from var(--REF--seed-accent-primary) calc(min(l, 0.68)) c h);
    --REF--seed-accent-secondary-dark: oklch(from var(--REF--seed-accent-secondary) calc(min(l, 0.70)) c h);
    --REF--seed-accent-tertiary-dark: oklch(from var(--REF--seed-accent-tertiary) calc(min(l, 0.72)) c h);
    --REF--color-feedback-focus: oklch(0.830 0.140 81.4);
    --REF--color-feedback-success: oklch(0.773 0.153 163.2);
    --REF--color-feedback-error: oklch(0.719 0.169 13.4);
    --REF--color-feedback-info: oklch(0.754 0.139 232.7);
    --motif-seed-canvas: var(--REF--seed-canvas);
    --motif-seed-text: var(--REF--seed-text);
    --motif-seed-accent-primary: var(--REF--seed-accent-primary);
    --motif-seed-accent-secondary: var(--REF--seed-accent-secondary);
    --motif-seed-accent-tertiary: var(--REF--seed-accent-tertiary);
    --motif-color-canvas-950: color-mix(in oklch, var(--motif-seed-canvas) 92%, black);
    --motif-color-canvas-900: var(--motif-seed-canvas);
    --motif-color-canvas-800: color-mix(in oklch, var(--motif-seed-canvas) 88%, var(--motif-seed-text));
    --motif-color-canvas-700: color-mix(in oklch, var(--motif-seed-canvas) 76%, var(--motif-seed-text));
    --motif-color-canvas-600: color-mix(in oklch, var(--motif-seed-canvas) 62%, var(--motif-seed-text));
    --motif-color-page-bg-950: var(--motif-color-canvas-950);
    --motif-color-page-bg-900: var(--motif-color-canvas-900);
    --motif-color-page-bg-800: var(--motif-color-canvas-800);
    --motif-color-page-bg-700: var(--motif-color-canvas-700);
    --motif-color-page-bg-600: var(--motif-color-canvas-600);
    --motif-color-surface-strong: color-mix(in oklch, var(--motif-color-canvas-950) 90%, transparent);
    --motif-color-surface-card: color-mix(in oklch, var(--motif-color-canvas-800) 82%, transparent);
    --motif-color-surface-soft: color-mix(in oklch, var(--motif-color-canvas-700) 58%, transparent);
    --motif-color-surface-paper: color-mix(in oklch, var(--motif-seed-text) 7%, transparent);
    --motif-color-surface-warm: color-mix(in oklch, var(--motif-seed-accent-tertiary) 16%, var(--motif-seed-canvas));
    --motif-color-text-primary: var(--motif-seed-text);
    --motif-color-text-secondary: color-mix(in oklch, var(--motif-seed-text) 78%, var(--motif-seed-canvas));
    --motif-color-text-muted: color-mix(in oklch, var(--motif-seed-text) 58%, var(--motif-seed-canvas));
    --motif-color-text-faint: color-mix(in oklch, var(--motif-seed-text) 38%, var(--motif-seed-canvas));
    --motif-color-text-ink: var(--motif-seed-canvas);
    --motif-color-heading: color-mix(in oklch, var(--motif-seed-text) 86%, var(--motif-seed-accent-primary));
    --motif-color-display: color-mix(in oklch, var(--motif-seed-text) 90%, var(--motif-seed-accent-secondary));
    --motif-color-lead: color-mix(in oklch, var(--motif-seed-text) 84%, var(--motif-seed-accent-primary));
    --motif-color-on-accent: var(--motif-color-text-inverse-strong);
    --motif-color-text-inverse-strong: oklch(from var(--motif-seed-canvas) calc(max(l, 0.96)) calc(c * 0.45) h);
    --motif-color-text-inverse-medium: color-mix(in oklch, var(--motif-color-text-inverse-strong) 84%, transparent);
    --motif-color-text-inverse-soft: color-mix(in oklch, var(--motif-color-text-inverse-strong) 68%, transparent);
    --motif-hero-text-strong: var(--motif-color-text-inverse-strong);
    --motif-hero-text-medium: var(--motif-color-text-inverse-medium);
    --motif-hero-text-soft: var(--motif-color-text-inverse-soft);
    --motif-color-accent-primary: var(--motif-seed-accent-primary);
    --motif-color-accent-secondary: var(--motif-seed-accent-secondary);
    --motif-color-accent-tertiary: var(--motif-seed-accent-tertiary);
    --motif-color-accent-complement: oklch(from var(--motif-seed-accent-primary) l c calc(h + 180));
    --motif-color-accent-analogous: oklch(from var(--motif-seed-accent-primary) l c calc(h + 34));
    --motif-color-accent-neutral: color-mix(in oklch, var(--motif-seed-accent-primary) 45%, var(--motif-seed-text));
    --motif-color-accent-cool: var(--motif-seed-accent-secondary);
    --motif-color-accent-positive: var(--REF--color-feedback-success);
    --motif-color-accent-danger: var(--REF--color-feedback-error);
    --motif-color-highlight: color-mix(in oklch, var(--motif-seed-accent-primary) 72%, var(--motif-seed-text));
    --motif-color-focus: var(--REF--color-feedback-focus);
    --motif-color-success: var(--REF--color-feedback-success);
    --motif-color-error: var(--REF--color-feedback-error);
    --motif-color-info: var(--REF--color-feedback-info);
    --motif-border-subtle: color-mix(in oklch, var(--motif-seed-text) 14%, transparent);
    --motif-border-default: color-mix(in oklch, var(--motif-seed-text) 26%, transparent);
    --motif-border-strong: color-mix(in oklch, var(--motif-seed-text) 42%, transparent);
    --motif-border-accent: color-mix(in oklch, var(--motif-seed-accent-primary) 40%, transparent);
    --motif-border-accent-hover: color-mix(in oklch, var(--motif-seed-accent-primary) 58%, transparent);
    --motif-font-h1: var(--REF--family-heading);
    --motif-font-h2: var(--REF--family-heading);
    --motif-font-h3: var(--REF--family-body);
    --motif-font-h4: var(--REF--family-interface);
    --motif-font-body: var(--REF--family-body);
    --motif-font-lead: var(--REF--family-body);
    --motif-font-quote: var(--REF--family-special);
    --motif-font-caption: var(--REF--family-special);
    --motif-font-ui: var(--REF--family-interface);
    --motif-font-label: var(--REF--family-interface);
    --motif-font-button: var(--REF--family-interface);
    --motif-font-mono: var(--REF--family-mono);
    --motif-type-caption: clamp(0.75rem, 1.1vw, 0.875rem);
    --motif-type-label: clamp(0.875rem, 1.4vw, 0.95rem);
    --motif-type-body: clamp(1rem, 1.5vw, 1.0625rem);
    --motif-type-lead: clamp(1.1rem, 2vw, 1.25rem);
    --motif-type-quote: clamp(1.25rem, 2.4vw, 1.55rem);
    --motif-type-h4: clamp(1rem, 1.6vw, 1.125rem);
    --motif-type-h3: clamp(1.35rem, 2.4vw, 1.75rem);
    --motif-type-h2: clamp(1.8rem, 4vw, 2.7rem);
    --motif-type-h1: clamp(2.15rem, 5.4vw, 3.8rem);
    --motif-type-display: clamp(2.8rem, 7vw, 5rem);
    --motif-line-body: 1.7;
    --motif-line-tight: 1.14;
    --motif-line-relaxed: 1.86;
    --motif-radius-card: 1rem;
    --motif-radius-media: 1rem;
    --motif-radius-control: 0.75rem;
    --motif-radius-nav: 0.75rem;
    --motif-radius-callout: 0.75rem;
    --motif-radius-pill: 999px;
    --motif-shadow-xs: 0 2px 8px color-mix(in oklch, var(--motif-seed-canvas) 18%, transparent);
    --motif-shadow-sm: 0 8px 20px color-mix(in oklch, var(--motif-seed-canvas) 22%, transparent);
    --motif-shadow-soft: 0 16px 42px color-mix(in oklch, var(--motif-seed-canvas) 32%, transparent);
    --motif-shadow-card: 0 12px 34px color-mix(in oklch, var(--motif-seed-canvas) 28%, transparent);
    --motif-shadow-lift: 0 24px 64px color-mix(in oklch, var(--motif-seed-canvas) 38%, transparent);
    --motif-shadow-action: 0 6px 20px color-mix(in oklch, var(--motif-seed-accent-primary) 24%, transparent);
    --motif-shadow-action-hover: 0 8px 30px color-mix(in oklch, var(--motif-seed-accent-primary) 36%, transparent);
    --motif-shadow-glow: 0 0 34px color-mix(in oklch, var(--motif-seed-accent-primary) 28%, transparent);
    --motif-shadow-ambient: 0 0 90px color-mix(in oklch, var(--motif-seed-accent-secondary) 12%, transparent);
    --motif-shadow-text-soft: 0 2px 14px color-mix(in oklch, var(--motif-seed-canvas) 30%, transparent);
    --motif-shadow-text-medium: 0 2px 18px color-mix(in oklch, var(--motif-seed-canvas) 42%, transparent);
    --motif-shadow-text-strong: 0 4px 26px color-mix(in oklch, var(--motif-seed-canvas) 54%, transparent);
    --motif-space-base: 1rem;
    --motif-space-2xs: calc(var(--motif-space-base) * 0.25);
    --motif-space-xs: calc(var(--motif-space-base) * 0.5);
    --motif-space-sm: calc(var(--motif-space-base) * 0.75);
    --motif-space-md: var(--motif-space-base);
    --motif-space-lg: calc(var(--motif-space-base) * 1.5);
    --motif-space-xl: calc(var(--motif-space-base) * 2);
    --motif-space-2xl: calc(var(--motif-space-base) * 3);
    --motif-space-3xl: calc(var(--motif-space-base) * 4);
    --motif-content-gap: calc(var(--motif-space-base) * 1.4);
    --motif-card-gap: calc(var(--motif-space-base) * 1.25);
    --motif-card-padding: calc(var(--motif-space-base) * 1.4) var(--motif-space-lg);
    --motif-control-padding: 0.8rem 1.05rem;
    --motif-nav-link-padding: 0.45rem 0.8rem;
    --motif-nav-gap: 0.25rem;
    --motif-motion-duration-fast: 0.18s;
    --motif-motion-duration-medium: 0.28s;
    --motif-motion-duration-slow: 0.48s;
    --motif-motion-ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
    --motif-motion-ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
    --motif-motion-hover-lift: -2px;
    --motif-motion-card-lift: -4px;
    --motif-background-section: transparent;
    --motif-background-surface-card: var(--motif-color-surface-card);
    --motif-background-surface-raised: var(--motif-color-surface-strong);
    --motif-background-feature: color-mix(in oklch, var(--motif-seed-accent-primary) 10%, var(--motif-seed-canvas));
    --motif-background-callout: color-mix(in oklch, var(--motif-seed-accent-tertiary) 12%, var(--motif-seed-canvas));
    --motif-background-quote: color-mix(in oklch, var(--motif-seed-accent-secondary) 12%, transparent);
    --motif-background-header: color-mix(in oklch, var(--motif-color-canvas-950) 82%, transparent);
    --motif-background-menu: var(--motif-color-canvas-950);
    --motif-background-footer: var(--motif-color-canvas-950);
    --motif-background-control: var(--motif-color-accent-primary);
    --motif-background-control-hover: color-mix(in oklch, var(--motif-color-accent-primary) 85%, var(--motif-seed-text));
    --motif-background-input: color-mix(in oklch, var(--motif-color-canvas-800) 82%, transparent);
    --motif-rule-primary: linear-gradient(90deg, transparent, var(--motif-color-accent-primary), transparent);
    --motif-rule-secondary: linear-gradient(90deg, transparent, var(--motif-color-accent-secondary), transparent);
    --motif-hero-home-background: var(--motif-background-page);
    --motif-hero-home-overlay: linear-gradient(180deg, color-mix(in oklch, var(--motif-color-canvas-950) 34%, transparent), color-mix(in oklch, var(--motif-color-canvas-950) 74%, transparent));
    --motif-hero-home-text: var(--motif-hero-text-strong);
    --motif-hero-home-title: var(--motif-hero-text-strong);
    --motif-hero-home-copy: var(--motif-hero-text-medium);
    --motif-hero-subpage-background: var(--motif-background-page);
    --motif-hero-subpage-overlay: var(--motif-hero-home-overlay);
    --motif-hero-subpage-text: var(--motif-hero-text-strong);
    --motif-hero-subpage-title: var(--motif-hero-text-strong);
    --motif-hero-subpage-copy: var(--motif-hero-text-medium);
    --motif-nav-font: var(--motif-font-ui);
    --motif-nav-background: var(--motif-background-header);
    --motif-nav-text: var(--motif-color-text-secondary);
    --motif-nav-text-hover: var(--motif-color-text-primary);
    --motif-nav-text-active: var(--motif-color-accent-primary);
    --motif-nav-wordmark: var(--motif-color-text-primary);
    --motif-nav-border: var(--motif-border-subtle);
    --motif-nav-backdrop-filter: blur(14px) saturate(1.05);
    --motif-control-solid-background: var(--motif-color-accent-primary);
    --motif-control-solid-background-hover: var(--motif-background-control-hover);
    --motif-control-solid-text: var(--motif-color-on-accent);
    --motif-control-ghost-background: transparent;
    --motif-control-ghost-background-hover: color-mix(in oklch, var(--motif-color-accent-primary) 10%, transparent);
    --motif-control-ghost-border: var(--motif-border-accent);
    --motif-control-ghost-border-hover: var(--motif-border-accent-hover);
    --motif-control-ghost-text: var(--motif-color-text-primary);
    --motif-control-focus-shadow: 0 0 0 3px color-mix(in oklch, var(--motif-color-focus) 32%, transparent);
    --motif-button-primary-background: var(--motif-control-solid-background);
    --motif-button-primary-background-hover: var(--motif-control-solid-background-hover);
    --motif-button-primary-text: var(--motif-control-solid-text);
    --motif-button-primary-border: var(--motif-control-solid-background);
    --motif-button-secondary-background: var(--motif-color-accent-secondary);
    --motif-button-secondary-background-hover: color-mix(in oklch, var(--motif-color-accent-secondary) 86%, var(--motif-color-text-inverse-strong));
    --motif-button-secondary-text: var(--motif-color-text-inverse-strong);
    --motif-button-secondary-border: var(--motif-color-accent-secondary);
    --motif-button-ghost-background: var(--motif-control-ghost-background);
    --motif-button-ghost-background-hover: var(--motif-control-ghost-background-hover);
    --motif-button-ghost-text: var(--motif-control-ghost-text);
    --motif-button-ghost-border: var(--motif-control-ghost-border);
    --motif-field-background: var(--motif-color-light-paper);
    --motif-field-background-focus: var(--motif-color-light-paper);
    --motif-field-text: var(--motif-color-text-on-light-strong);
    --motif-field-placeholder: var(--motif-color-text-on-light-soft);
    --motif-field-border: color-mix(in oklch, var(--motif-color-text-on-light-strong) 12%, transparent);
    --motif-field-border-focus: color-mix(in oklch, var(--motif-color-accent-primary) 42%, transparent);
    --motif-field-radius: var(--motif-radius-control);
    --motif-field-shadow: none;
    --motif-field-focus-shadow: 0 0 0 3px color-mix(in oklch, var(--motif-color-accent-primary) 16%, transparent);
    --motif-field-label: var(--motif-color-text-on-light-strong);
    --motif-plugin-card-background: var(--motif-background-surface-card);
    --motif-plugin-card-border: var(--motif-border-default);
    --motif-plugin-card-shadow: var(--motif-shadow-card);
    --motif-plugin-status-success: var(--motif-color-success);
    --motif-plugin-status-error: var(--motif-color-error);
    --motif-plugin-status-processing: var(--motif-color-info);
    --REF--seed-accent-quaternary: oklch(from var(--REF--seed-accent-primary) l c calc(h + 96));
    --REF--seed-accent-primary-bright: color-mix(in oklch, var(--REF--seed-accent-primary) 78%, white);
    --REF--seed-accent-secondary-bright: color-mix(in oklch, var(--REF--seed-accent-secondary) 78%, white);
    --REF--seed-accent-tertiary-bright: color-mix(in oklch, var(--REF--seed-accent-tertiary) 78%, white);
    --REF--seed-accent-quaternary-bright: color-mix(in oklch, var(--REF--seed-accent-quaternary) 78%, white);
    --motif-seed-accent-quaternary: var(--REF--seed-accent-quaternary);
    --motif-color-accent-teal: var(--motif-color-accent-primary);
    --motif-color-accent-rose: var(--motif-color-accent-secondary);
    --motif-color-accent-amber: var(--motif-color-accent-tertiary);
    --motif-color-accent-indigo: var(--motif-seed-accent-quaternary);
    --motif-color-accent-teal-bright: var(--REF--seed-accent-primary-bright);
    --motif-color-accent-rose-bright: var(--REF--seed-accent-secondary-bright);
    --motif-color-accent-amber-bright: var(--REF--seed-accent-tertiary-bright);
    --motif-color-accent-indigo-bright: var(--REF--seed-accent-quaternary-bright);
    --motif-font-special: var(--REF--family-special);
    --motif-background-page: radial-gradient(circle at 16% 12%, color-mix(in oklch, var(--motif-seed-accent-primary) 12%, transparent), transparent 34rem), radial-gradient(circle at 86% 6%, color-mix(in oklch, var(--motif-seed-accent-secondary) 10%, transparent), transparent 36rem), var(--motif-color-page-bg-900);
    --motif-color-accent-glow: var(--motif-color-accent-primary);
    --motif-tracking-mono-loose: 0.08em;
    --motif-tracking-mono-medium: 0.08em;
    --motif-tracking-mono-tight: 0.08em;
    --motif-tracking-uppercase-base: 0.08em;
    --motif-tracking-uppercase-loose: 0.08em;
    --motif-tracking-display: 0.08em;
    --motif-nav-shell-gap: var(--motif-nav-gap);
    --motif-align-text: center;
    --motif-align-text-centered: center;
    --motif-align-text-opposite: end;
    --motif-align-content-block: center;
    --motif-align-content-inline: center;
    --motif-align-distribution: center;
    --motif-align-media-object-fit: center;
    --motif-align-media-object-position: center;
    --motif-background-cta: var(--motif-color-accent-primary);
    --motif-hero-nav-vignette: linear-gradient(180deg, color-mix(in oklch, var(--motif-color-canvas-950) 54%, transparent), transparent);
    --motif-hero-overlay-primary: color-mix(in oklch, var(--motif-color-canvas-950) 48%, transparent);
    --motif-hero-overlay-secondary: color-mix(in oklch, var(--motif-color-canvas-950) 22%, transparent);
    --motif-nav-type: var(--motif-type-label);
    --motif-nav-tracking: var(--motif-tracking-uppercase-base);
    --motif-nav-brand-color: var(--motif-nav-wordmark);
    --motif-nav-brand-tracking: var(--motif-tracking-uppercase-loose);
    --motif-nav-menu-background: var(--motif-background-menu);
    --motif-nav-shadow: var(--motif-shadow-sm);
    --motif-nav-text-initial: var(--motif-hero-text-medium);
    --motif-nav-wordmark-initial: var(--motif-hero-text-strong);
    --motif-nav-toggle-color-initial: var(--motif-hero-text-strong);
    --motif-nav-toggle-border-initial: color-mix(in oklch, var(--motif-hero-text-strong) 28%, transparent);
    --motif-nav-toggle-background-initial: color-mix(in oklch, var(--motif-color-canvas-950) 18%, transparent);
    --motif-footer-text: var(--motif-color-text-secondary);
    --motif-footer-text-muted: var(--motif-color-text-muted);
    --motif-footer-heading: var(--motif-color-heading);
    --motif-footer-label: var(--motif-color-accent-primary);
    --motif-footer-border: var(--motif-border-subtle);
    --motif-footer-rule: var(--motif-rule-secondary);
    --motif-card-background: var(--motif-background-surface-card);
    --motif-card-border: var(--motif-border-subtle);
    --motif-card-border-hover: var(--motif-border-accent-hover);
    --motif-card-shadow: var(--motif-shadow-card);
    --motif-card-shadow-hover: var(--motif-shadow-lift);
    --motif-card-text-align: var(--motif-align-text);
    --motif-card-accent-rail: var(--motif-color-accent-primary);
    --motif-control-font: var(--motif-font-button);
    --motif-control-type: var(--motif-type-label);
    --motif-control-tracking: var(--motif-tracking-uppercase-base);
    --motif-control-text: var(--motif-color-text-primary);
    --motif-control-text-hover: var(--motif-color-heading);
    --motif-control-background: var(--motif-background-control);
    --motif-control-background-hover: var(--motif-background-control-hover);
    --motif-control-border: var(--motif-border-default);
    --motif-control-border-hover: var(--motif-border-accent-hover);
    --motif-control-radius: var(--motif-radius-control);
    --motif-control-solid-text-hover: var(--motif-color-text-inverse-strong);
    --motif-control-solid-border-hover: var(--motif-control-solid-background-hover);
    --motif-control-ghost-text-hover: var(--motif-color-accent-primary);
    --motif-hero-subpage-border: color-mix(in oklch, var(--motif-hero-text-strong) 20%, transparent);
    --motif-hero-subpage-rule: color-mix(in oklch, var(--motif-color-accent-primary) 70%, transparent);
    --motif-plugin-font: var(--motif-font-ui);
    --motif-plugin-type: var(--motif-type-body);
    --motif-plugin-text: var(--motif-color-text-primary);
    --motif-plugin-text-muted: var(--motif-color-text-muted);
    --motif-plugin-background: var(--motif-background-section);
    --motif-plugin-surface: var(--motif-background-surface-card);
    --motif-plugin-border: var(--motif-border-default);
    --motif-plugin-border-strong: var(--motif-border-strong);
    --motif-plugin-radius: var(--motif-radius-card);
    --motif-plugin-control-radius: var(--motif-radius-control);
    --motif-plugin-shadow: var(--motif-shadow-card);
    --motif-plugin-focus-shadow: var(--motif-control-focus-shadow);
    --motif-plugin-success: var(--motif-color-success);
    --motif-plugin-error: var(--motif-color-error);
    --motif-plugin-processing: var(--motif-color-accent-primary);
    --motif-shadow-image-hover: 0 12px 34px color-mix(in oklch, var(--motif-seed-canvas) 28%, transparent);
    --motif-caption-padding: var(--motif-space-sm);
    --motif-plugin-padding: var(--motif-card-padding);
    --motif-plugin-gap: var(--motif-card-gap);
    --motif-plugin-status-margin-top: var(--motif-space-sm);
    --motif-plugin-status-min-height: 1.25rem;
    --motif-align-content-start: center;
    --motif-align-content-end: center;
    --motif-background-surface-card-glow: radial-gradient(circle at 50% 0%, color-mix(in oklch, var(--motif-color-accent-primary) 18%, transparent), transparent 70%);
    --motif-background-surface-texture: none;
    --motif-background-caption: color-mix(in oklch, var(--motif-color-canvas-950) 68%, transparent);
    --motif-background-ghost: transparent;
    --motif-background-ghost-hover: color-mix(in oklch, var(--motif-seed-accent-primary) 10%, transparent);
    --motif-background-nav-hover: color-mix(in oklch, var(--motif-color-accent-primary) 12%, transparent);
    --motif-background-nav-active: color-mix(in oklch, var(--motif-color-accent-primary) 18%, transparent);
    --motif-background-link-panel: var(--motif-background-surface-card);
    --motif-background-link-panel-hover: color-mix(in oklch, var(--motif-color-accent-primary) 10%, var(--motif-background-surface-card));
    --motif-background-confirmation-page: var(--motif-background-page);
    --motif-background-confirmation-card: var(--motif-background-surface-card);
    --motif-nav-active-border: var(--motif-border-accent);
    --motif-nav-active-text-initial: var(--motif-hero-text-strong);
    --motif-nav-active-background-initial: color-mix(in oklch, var(--motif-hero-text-strong) 12%, transparent);
    --motif-card-hover-background: color-mix(in oklch, var(--motif-color-accent-primary) 8%, var(--motif-background-surface-card));
    --motif-media-border: var(--motif-border-subtle);
    --motif-media-shadow: var(--motif-shadow-card);
    --motif-media-shadow-hover: var(--motif-shadow-lift);
    --motif-media-background: transparent;
    --motif-media-filter: none;
    --motif-media-filter-hover: saturate(1.05);
    --motif-media-object-fit: var(--motif-align-media-object-fit);
    --motif-media-object-position: var(--motif-align-media-object-position);
    --motif-caption-type: var(--motif-type-caption);
    --motif-caption-text: var(--motif-color-text-muted);
    --motif-caption-border: var(--motif-border-subtle);
    --motif-caption-text-align: var(--motif-align-text);
    --motif-plugin-embed-radius: var(--motif-radius-media);
    --motif-plugin-embed-background: var(--motif-background-surface-card);
    --motif-plugin-embed-border: var(--motif-border-subtle);
    --motif-plugin-text-align: var(--motif-align-text);
    --motif-plugin-content-align-block: center;
    --motif-plugin-content-align-inline: flex-start;
    --motif-plugin-media-fit: var(--motif-media-object-fit);
    --motif-plugin-media-position: var(--motif-media-object-position);
    --motif-color-light-canvas: oklch(from var(--motif-seed-canvas) calc(max(l, 0.94)) calc(c * 0.55) h);
    --motif-color-light-paper: color-mix(in oklch, var(--motif-color-light-canvas) 94%, white);
    --motif-color-light-parchment: color-mix(in oklch, var(--motif-color-light-canvas) 88%, var(--motif-color-accent-tertiary));
    --motif-color-text-on-light-strong: var(--motif-seed-text);
    --motif-color-text-on-light-medium: color-mix(in oklch, var(--motif-seed-text) 74%, var(--motif-color-light-canvas));
    --motif-color-text-on-light-soft: color-mix(in oklch, var(--motif-seed-text) 56%, var(--motif-color-light-canvas));
}