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

    --REF--family-heading: "Faculty Glyphic", Georgia, serif;
    --REF--family-body: "Lora", "Times New Roman", serif;
    --REF--family-interface: "Inter", system-ui, sans-serif;
    --REF--family-special: "Cormorant Garamond", Georgia, serif;
    --REF--seed-canvas: #121611;
    --REF--seed-accent-primary: #dc9150;
    --REF--seed-text: #f5ecd6;
    --REF--seed-accent-secondary: #eeb36c;
    --REF--seed-accent-tertiary: #b8682f;
    --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: #f2b56e;
    --REF--color-feedback-success: #4e7a4a;
    --REF--color-feedback-error: #c4564a;
    --REF--color-feedback-info: #6c8fa0;
    --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: oklch(from var(--motif-seed-canvas) calc(l * 0.7) c h);
    --motif-color-canvas-900: var(--motif-seed-canvas);
    --motif-color-canvas-800: oklch(from var(--motif-seed-canvas) calc(l * 1.3) c h);
    --motif-color-canvas-700: oklch(from var(--motif-seed-canvas) calc(l * 1.7) c h);
    --motif-color-canvas-600: oklch(from var(--motif-seed-canvas) calc(l * 2.1) c h);
    --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-950) 80%, transparent);
    --motif-color-surface-soft: color-mix(in oklch, var(--motif-color-canvas-800) 68%, transparent);
    --motif-color-surface-paper: color-mix(in oklch, var(--motif-seed-text) 4%, transparent);
    --motif-color-surface-warm: color-mix( in oklch, color-mix(in oklch, var(--motif-seed-canvas) 65%, var(--motif-seed-accent-primary)) 62%, transparent );
    --motif-color-text-primary: var(--motif-seed-text);
    --motif-color-text-secondary: oklch(from var(--motif-seed-text) calc(l * 0.9) calc(c * 1.1) h);
    --motif-color-text-muted: oklch(from var(--motif-seed-text) calc(l * 0.77) c h);
    --motif-color-text-faint: oklch(from var(--motif-seed-text) calc(l * 0.56) c h);
    --motif-color-text-ink: oklch(from var(--motif-seed-accent-primary) calc(l * 0.17) c h);
    --motif-color-heading: color-mix(in oklch, var(--motif-seed-text) 78%, var(--motif-seed-accent-primary) 22%);
    --motif-color-display: oklch(from var(--motif-seed-text) calc(min(l * 1.05, 1)) 0.005 h);
    --motif-color-lead: color-mix(in oklch, var(--motif-seed-text) 88%, var(--motif-seed-accent-primary) 12%);
    --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-color-accent-primary);
    --motif-color-accent-tertiary: var(--motif-color-accent-primary);
    --motif-color-accent-complement: var(--motif-color-accent-primary);
    --motif-color-accent-analogous: var(--motif-color-accent-primary);
    --motif-color-accent-neutral: var(--motif-color-accent-primary);
    --motif-color-accent-cool: var(--motif-color-accent-primary);
    --motif-color-accent-positive: var(--motif-color-accent-primary);
    --motif-color-accent-danger: var(--motif-color-accent-primary);
    --motif-color-highlight: oklch(from var(--motif-seed-accent-primary) calc(l * 1.36) calc(c * 0.52) h);
    --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) 18%, transparent);
    --motif-border-default: color-mix(in oklch, var(--motif-seed-text) 30%, transparent);
    --motif-border-strong: color-mix(in oklch, var(--motif-seed-text) 44%, transparent);
    --motif-border-accent: color-mix(in oklch, var(--motif-seed-accent-primary) 34%, transparent);
    --motif-border-accent-hover: color-mix(in oklch, var(--motif-seed-accent-primary) 50%, 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.2vw, 0.875rem);
    --motif-type-label: clamp(0.875rem, 1.6vw, 0.9375rem);
    --motif-type-body: clamp(1rem, 1.8vw, 1.07rem);
    --motif-type-lead: clamp(1.1rem, 2.1vw, 1.26rem);
    --motif-type-quote: clamp(1.3rem, 2.4vw, 1.55rem);
    --motif-type-h4: clamp(0.95rem, 1.8vw, 1.1rem);
    --motif-type-h3: clamp(1.35rem, 2.5vw, 1.75rem);
    --motif-type-h2: clamp(1.55rem, 3.1vw, 2.15rem);
    --motif-type-h1: clamp(1.9rem, 4.4vw, 2.8rem);
    --motif-type-display: clamp(2.85rem, 7.6vw, 5.2rem);
    --motif-line-body: 1.7;
    --motif-line-tight: 1.14;
    --motif-line-relaxed: 1.86;
    --motif-radius-card: 1rem;
    --motif-radius-media: 0.9rem;
    --motif-radius-control: 0.65rem;
    --motif-radius-nav: 0.5rem;
    --motif-radius-callout: var(--motif-radius-card);
    --motif-radius-pill: 999px;
    --motif-shadow-xs: 0 2px 8px color-mix(in oklch, var(--motif-seed-canvas) 24%, transparent);
    --motif-shadow-sm: 0 8px 20px color-mix(in oklch, var(--motif-seed-canvas) 22%, transparent);
    --motif-shadow-soft: 0 14px 38px color-mix(in oklch, var(--motif-seed-canvas) 36%, transparent);
    --motif-shadow-card: 0 8px 30px color-mix(in oklch, var(--motif-seed-canvas) 34%, transparent);
    --motif-shadow-lift: 0 24px 58px color-mix(in oklch, var(--motif-seed-canvas) 46%, transparent);
    --motif-shadow-action: 0 4px 18px color-mix(in oklch, var(--motif-seed-accent-primary) 26%, transparent);
    --motif-shadow-action-hover: 0 6px 24px color-mix(in oklch, var(--motif-seed-accent-primary) 42%, transparent);
    --motif-shadow-glow: 0 0 32px color-mix(in oklch, var(--motif-seed-accent-primary) 24%, transparent);
    --motif-shadow-ambient: 0 0 80px color-mix(in oklch, var(--motif-seed-accent-primary) 10%, transparent);
    --motif-shadow-text-soft: 0 2px 14px color-mix(in oklch, var(--motif-seed-canvas) 28%, transparent);
    --motif-shadow-text-medium: 0 2px 16px color-mix(in oklch, var(--motif-seed-canvas) 42%, transparent);
    --motif-shadow-text-strong: 0 4px 24px color-mix(in oklch, var(--motif-seed-canvas) 52%, 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) * 0.55);
    --motif-card-padding: calc(var(--motif-space-base) * 1.4) var(--motif-space-lg);
    --motif-control-padding: calc(var(--motif-space-base) * 0.8) calc(var(--motif-space-base) * 1.05);
    --motif-nav-link-padding: calc(var(--motif-space-base) * 0.38) calc(var(--motif-space-base) * 0.78);
    --motif-nav-gap: calc(var(--motif-space-base) * 0.15);
    --motif-motion-duration-fast: 0.22s;
    --motif-motion-duration-medium: 0.36s;
    --motif-motion-duration-slow: 0.5s;
    --motif-motion-ease-standard: ease;
    --motif-motion-ease-emphasis: cubic-bezier(0.22, 1, 0.36, 1);
    --motif-motion-hover-lift: -3px;
    --motif-motion-card-lift: -5px;
    --motif-background-section: linear-gradient( 158deg, color-mix(in oklch, var(--motif-color-canvas-900) 58%, transparent), color-mix(in oklch, var(--motif-color-canvas-700) 48%, transparent) ), radial-gradient( ellipse 55% 50% at 22% 50%, color-mix(in oklch, var(--motif-seed-accent-primary) 5%, transparent), transparent );
    --motif-background-surface-card: var(--motif-background-section);
    --motif-background-surface-raised: var(--motif-background-section);
    --motif-background-feature: var(--motif-background-section);
    --motif-background-callout: var(--motif-background-section);
    --motif-background-quote: var(--motif-background-section);
    --motif-background-header: var(--motif-background-section);
    --motif-background-menu: var(--motif-background-section);
    --motif-background-footer: var(--motif-background-section);
    --motif-background-control: var(--motif-background-section);
    --motif-background-control-hover: var(--motif-background-section);
    --motif-background-input: var(--motif-background-section);
    --motif-rule-primary: linear-gradient( 90deg, transparent, color-mix(in oklch, var(--motif-seed-text) 48%, transparent), transparent );
    --motif-rule-secondary: linear-gradient( 90deg, transparent, color-mix(in oklch, var(--motif-seed-text) 38%, transparent), transparent );
    --motif-hero-home-background: var(--motif-color-page-bg-800);
    --motif-hero-home-overlay: var(--motif-hero-overlay-primary);
    --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-section);
    --motif-hero-subpage-overlay: var(--motif-hero-overlay-secondary);
    --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-primary);
    --motif-nav-text-hover: var(--motif-color-text-primary);
    --motif-nav-text-active: var(--motif-color-text-primary);
    --motif-nav-wordmark: var(--motif-color-text-primary);
    --motif-nav-border: var(--motif-border-subtle);
    --motif-nav-backdrop-filter: blur(18px) saturate(1.18);
    --motif-control-solid-background: var(--motif-color-text-primary);
    --motif-control-solid-background-hover: var(--motif-color-text-primary);
    --motif-control-solid-text: var(--motif-color-text-primary);
    --motif-control-ghost-background: var(--motif-color-text-primary);
    --motif-control-ghost-background-hover: var(--motif-color-text-primary);
    --motif-control-ghost-border: var(--motif-color-text-primary);
    --motif-control-ghost-border-hover: var(--motif-color-text-primary);
    --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) 22%, 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-color-text-primary);
    --motif-plugin-card-border: var(--motif-color-text-primary);
    --motif-plugin-card-shadow: var(--motif-color-text-primary);
    --motif-plugin-status-success: var(--motif-color-text-primary);
    --motif-plugin-status-error: var(--motif-color-text-primary);
    --motif-plugin-status-processing: var(--motif-color-text-primary);
    --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( ellipse 70% 44% at 10% 0%, color-mix(in oklch, var(--motif-seed-accent-primary) 16%, transparent), transparent 60% ), radial-gradient( ellipse 52% 38% at 88% 6%, color-mix(in oklch, var(--motif-seed-accent-secondary) 9%, transparent), transparent 62% ), radial-gradient( ellipse 46% 30% at 50% 92%, color-mix(in oklch, var(--motif-color-accent-positive) 10%, transparent), transparent 62% ), linear-gradient( 172deg, var(--motif-color-canvas-900) 0%, var(--motif-color-canvas-800) 48%, color-mix(in oklch, var(--motif-color-canvas-800) 88%, var(--motif-seed-accent-primary) 12%) 100% );
    --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: start;
    --motif-align-text-centered: center;
    --motif-align-text-opposite: end;
    --motif-align-content-block: center;
    --motif-align-content-inline: center;
    --motif-align-distribution: space-between;
    --motif-align-media-object-fit: cover;
    --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: linear-gradient(
        180deg,
        rgba(10, 13, 10, 0.78) 0%,
        rgba(10, 13, 10, 0.5) 13%,
        rgba(10, 13, 10, 0.08) 34%,
        rgba(10, 13, 10, 0.05) 52%,
        rgba(10, 13, 10, 0.5) 76%,
        rgba(10, 13, 10, 0.86) 100%
    );
    --motif-hero-overlay-secondary: var(--motif-hero-overlay-primary);
    --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 0 100px color-mix(in oklch, var(--motif-seed-accent-primary) 14%, 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: flex-start;
    --motif-align-content-end: flex-end;
    --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: radial-gradient( circle at 30% 20%, color-mix(in oklch, var(--motif-seed-text) 2.5%, transparent) 1px, transparent 1px ), radial-gradient( circle at 70% 80%, color-mix(in oklch, var(--motif-seed-text) 2%, transparent) 1px, transparent 1px );
    --motif-background-caption: color-mix(in oklch, var(--motif-color-canvas-950) 68%, transparent);
    --motif-background-ghost: color-mix(in oklch, var(--motif-seed-text) 6%, transparent);
    --motif-background-ghost-hover: color-mix(in oklch, var(--motif-seed-text) 13%, 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: saturate(0.95) contrast(1.02);
    --motif-media-filter-hover: saturate(1.1) contrast(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: var(--motif-align-content-block);
    --motif-plugin-content-align-inline: var(--motif-align-content-inline);
    --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));
}