:root {
    --funobi-cream: #FFF6E8;
    --funobi-ink: #171615;
    --funobi-paper: #FFFBF3;
    --funobi-sky: oklch(82% 0.14 230);
    --funobi-sun: oklch(88% 0.16 95);
    --funobi-grass: oklch(80% 0.17 145);
    --funobi-gum: oklch(80% 0.16 10);
    --funobi-grape: oklch(75% 0.15 310);
    --funobi-tangerine: oklch(78% 0.18 50);
    --funobi-mint: oklch(88% 0.10 170);
    --funobi-border: 3px solid var(--funobi-ink);
    --funobi-radius: 28px;
    --funobi-radius-lg: 40px;
    --funobi-shadow: 6px 6px 0 0 var(--funobi-ink);
    --funobi-shadow-lg: 10px 10px 0 0 var(--funobi-ink);
    --funobi-content-width: 760px;
    --funobi-wide-width: 1200px;
    --funobi-page-gutter: min(calc(100% - 36px), 1280px);
    --funobi-dot-color: var(--funobi-ink);
    --funobi-dot-opacity: 0.06;
    --funobi-scrim: rgba(0, 0, 0, 0.5);
    --funobi-muted: #3a3836;
    --funobi-muted-strong: #2c2a28;
    --funobi-muted-soft: #605d59;
    --funobi-surface-dark: #171615;
    --funobi-surface-dark-ink: #FFF6E8;
    --funobi-panel: rgba(255, 251, 243, 0.92);
    --funobi-panel-strong: rgba(255, 251, 243, 0.96);
    --funobi-panel-soft: rgba(255, 251, 243, 0.9);
    --funobi-line-soft: rgba(23, 22, 21, 0.16);
    --funobi-line-dashed: rgba(23, 22, 21, 0.15);
    --funobi-surface-glow: rgba(255, 255, 255, 0.72);
    --funobi-logo-tile: rgba(255, 255, 255, 0.98);
    color-scheme: light;
}

html[data-funobi-theme="dark"] {
    --funobi-cream: #1a1411;
    --funobi-paper: #241c17;
    --funobi-ink: #f4ead6;
    --funobi-sky: oklch(58% 0.06 20);
    --funobi-sun: oklch(72% 0.10 75);
    --funobi-grass: oklch(58% 0.08 130);
    --funobi-gum: oklch(62% 0.08 10);
    --funobi-grape: oklch(52% 0.08 330);
    --funobi-tangerine: oklch(62% 0.10 45);
    --funobi-mint: oklch(58% 0.06 150);
    --funobi-border: 3px solid var(--funobi-ink);
    --funobi-shadow: 6px 6px 0 0 var(--funobi-ink);
    --funobi-shadow-lg: 10px 10px 0 0 var(--funobi-ink);
    --funobi-dot-color: #f4ead6;
    --funobi-dot-opacity: 0.05;
    --funobi-scrim: rgba(0, 0, 0, 0.45);
    --funobi-muted: #d9c9a9;
    --funobi-muted-strong: #efe3ca;
    --funobi-muted-soft: #cbb897;
    --funobi-surface-dark: #0f0b09;
    --funobi-surface-dark-ink: #f4ead6;
    --funobi-panel: rgba(36, 28, 23, 0.92);
    --funobi-panel-strong: rgba(36, 28, 23, 0.96);
    --funobi-panel-soft: rgba(36, 28, 23, 0.9);
    --funobi-line-soft: rgba(244, 234, 214, 0.2);
    --funobi-line-dashed: rgba(244, 234, 214, 0.18);
    --funobi-surface-glow: rgba(244, 234, 214, 0.12);
    --funobi-logo-tile: rgba(46, 36, 30, 0.98);
    color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
    html:not([data-funobi-theme="light"]):not([data-funobi-theme="dark"]) {
        --funobi-cream: #1a1411;
        --funobi-paper: #241c17;
        --funobi-ink: #f4ead6;
        --funobi-sky: oklch(58% 0.06 20);
        --funobi-sun: oklch(72% 0.10 75);
        --funobi-grass: oklch(58% 0.08 130);
        --funobi-gum: oklch(62% 0.08 10);
        --funobi-grape: oklch(52% 0.08 330);
        --funobi-tangerine: oklch(62% 0.10 45);
        --funobi-mint: oklch(58% 0.06 150);
        --funobi-border: 3px solid var(--funobi-ink);
        --funobi-shadow: 6px 6px 0 0 var(--funobi-ink);
        --funobi-shadow-lg: 10px 10px 0 0 var(--funobi-ink);
        --funobi-dot-color: #f4ead6;
        --funobi-dot-opacity: 0.05;
        --funobi-scrim: rgba(0, 0, 0, 0.45);
        --funobi-muted: #d9c9a9;
        --funobi-muted-strong: #efe3ca;
        --funobi-muted-soft: #cbb897;
        --funobi-surface-dark: #0f0b09;
        --funobi-surface-dark-ink: #f4ead6;
        --funobi-panel: rgba(36, 28, 23, 0.92);
        --funobi-panel-strong: rgba(36, 28, 23, 0.96);
        --funobi-panel-soft: rgba(36, 28, 23, 0.9);
        --funobi-line-soft: rgba(244, 234, 214, 0.2);
        --funobi-line-dashed: rgba(244, 234, 214, 0.18);
        --funobi-surface-glow: rgba(244, 234, 214, 0.12);
        --funobi-logo-tile: rgba(46, 36, 30, 0.98);
        color-scheme: dark;
    }
}

html,
body,
.funobi-site-header,
.funobi-site-footer,
.funobi-page-shell,
.funobi-entry-card,
.funobi-editor-zone__inner,
.funobi-language-switcher__select,
.funobi-theme-switcher,
.funobi-theme-switcher__button,
.bundle-slider__shell,
.bundle-slide__card,
.card,
.quote,
.faq details,
.parents-card,
.build-inner,
.step,
.vshell,
.kv,
.appstore,
.appstore-card,
.funobi-page-hero,
.wp-block-quote,
.wp-block-pullquote,
.wp-block-details,
.wp-block-group.is-style-funobi-panel,
.wp-block-cover.is-style-funobi-panel,
.wp-block-columns.is-style-funobi-cards > .wp-block-column {
    transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
}