:root{color-scheme:light dark;--REF--family-heading: "Outfit", system-ui, sans-serif;--REF--family-body: "Merriweather", "Times New Roman", serif;--REF--family-interface: "Outfit", system-ui, sans-serif;--REF--family-special: "Merriweather", Georgia, serif;--REF--seed-canvas: #0e1a24;--REF--seed-accent-primary: #ec6a44;--REF--seed-text: #f4ead6;--REF--seed-accent-secondary: #f2b94b;--REF--seed-accent-tertiary: #4fc0ab;--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.7)) 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: #f2b94b;--REF--color-feedback-success: #57a874;--REF--color-feedback-error: #e0604f;--REF--color-feedback-info: #5aa9d6;--REF--content-pane-tint: var(--REF--seed-text);--REF--content-pane-opacity: 80%;--REF--content-pane-backdrop-blur: 12px;--REF--content-card-tint: var(--REF--seed-text);--REF--content-card-opacity: 80%;--REF--content-card-backdrop-blur: 12px;--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-content-pane-tint: var(--REF--content-pane-tint);--motif-content-pane-opacity: var(--REF--content-pane-opacity);--motif-content-pane-backdrop-blur: var(--REF--content-pane-backdrop-blur);--motif-content-pane-background: color-mix( in oklch, var(--motif-content-pane-tint) var(--motif-content-pane-opacity), transparent );--motif-content-pane-backdrop-filter: blur(var(--motif-content-pane-backdrop-blur));--motif-content-card-tint: var(--REF--content-card-tint);--motif-content-card-opacity: var(--REF--content-card-opacity);--motif-content-card-backdrop-blur: var(--REF--content-card-backdrop-blur);--motif-content-card-background: color-mix( in oklch, var(--motif-content-card-tint) var(--motif-content-card-opacity), transparent );--motif-content-card-backdrop-filter: blur(var(--motif-content-card-backdrop-blur));--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) var(--motif-content-card-opacity), 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) 90%, var(--motif-seed-accent-secondary) 10%);--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-seed-accent-secondary);--motif-color-accent-tertiary: var(--motif-seed-accent-tertiary);--motif-color-accent-complement: #5aa9d6;--motif-color-accent-analogous: #d95d72;--motif-color-accent-neutral: #b39468;--motif-color-accent-cool: #4fc0ab;--motif-color-accent-positive: #57a874;--motif-color-accent-danger: #e0604f;--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-heading);--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.8125rem, 1.3vw, 0.9375rem);--motif-type-label: clamp(0.9rem, 1.6vw, 1rem);--motif-type-body: clamp(1.02rem, 1.8vw, 1.1rem);--motif-type-lead: clamp(1.1rem, 2.1vw, 1.26rem);--motif-type-quote: clamp(1.3rem, 2.4vw, 1.55rem);--motif-type-h4: clamp(1rem, 1.8vw, 1.15rem);--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.75;--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: radial-gradient( ellipse 64% 48% at 16% 8%, color-mix(in oklch, var(--motif-seed-accent-secondary) 10%, transparent), transparent 62% ), radial-gradient( ellipse 58% 46% at 92% 16%, color-mix(in oklch, var(--motif-seed-accent-tertiary) 9%, transparent), transparent 64% ), linear-gradient( 144deg, color-mix(in oklch, var(--motif-color-canvas-950) 92%, var(--motif-seed-accent-tertiary) 8%) 0%, color-mix(in oklch, var(--motif-color-canvas-900) 88%, var(--motif-seed-accent-primary) 12%) 52%, color-mix(in oklch, var(--motif-color-canvas-800) 84%, var(--motif-seed-accent-secondary) 16%) 100% );--motif-background-surface-card: var(--motif-color-surface-card);--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: color-mix(in oklch, var(--motif-color-canvas-950) 78%, transparent);--motif-background-menu: color-mix(in oklch, var(--motif-color-canvas-950) 86%, transparent);--motif-background-footer: color-mix(in oklch, var(--motif-color-canvas-950) 72%, transparent);--motif-background-control: color-mix(in oklch, var(--motif-seed-text) 8%, transparent);--motif-background-control-hover: color-mix(in oklch, var(--motif-seed-text) 15%, transparent);--motif-background-input: color-mix(in oklch, var(--motif-color-canvas-950) 55%, transparent);--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: color-mix(in oklch, var(--motif-seed-text) 94%, white);--motif-nav-text-hover: #ffffff;--motif-nav-text-active: #ffffff;--motif-nav-wordmark: #fff7e8;--motif-nav-border: var(--motif-border-subtle);--motif-nav-backdrop-filter: blur(18px) saturate(1.18);--motif-control-solid-background: var(--motif-color-accent-primary);--motif-control-solid-background-hover: color-mix(in oklch, var(--motif-color-accent-primary) 84%, white);--motif-control-solid-text: oklch(from var(--motif-seed-accent-primary) 0.24 calc(c * 0.55) h);--motif-control-ghost-background: color-mix(in oklch, var(--motif-seed-text) 6%, transparent);--motif-control-ghost-background-hover: color-mix(in oklch, var(--motif-seed-text) 13%, transparent);--motif-control-ghost-border: color-mix(in oklch, var(--motif-seed-text) 44%, transparent);--motif-control-ghost-border-hover: color-mix(in oklch, var(--motif-seed-text) 62%, transparent);--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-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-accent-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 72% 46% at 8% -2%, color-mix(in oklch, var(--motif-seed-accent-primary) 18%, transparent), transparent 62% ), radial-gradient( ellipse 54% 40% at 92% 4%, color-mix(in oklch, var(--motif-seed-accent-secondary) 14%, transparent), transparent 64% ), radial-gradient( ellipse 48% 34% at 52% 94%, color-mix(in oklch, var(--motif-seed-accent-tertiary) 16%, transparent), transparent 64% ), linear-gradient( 168deg, #0a141d 0%, #0f1c28 45%, #142230 72%, #262019 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( 181deg, rgba(8, 13, 20, 0.5) 0%, rgba(8, 13, 20, 0.25) 10%, rgba(8, 13, 20, 0.1) 20%, rgba(8, 13, 20, 0) 25%, rgba(8, 13, 20, 0) 60%, rgba(8, 13, 20, 0.25) 70%, rgba(8, 13, 20, 0.5) 80%, rgba(8, 13, 20, 0.82) 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: #ffffff;--motif-nav-wordmark-initial: #ffffff;--motif-nav-toggle-color-initial: #ffffff;--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: #ffffff;--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))}