:root {
    --scene-shell-bg: #f4f1eb;
    --color-page: var(--scene-shell-bg);
    --color-page-warm: var(--scene-shell-bg);
    --color-text: #3d2025;
    --color-text-soft: #6d4d51;
    --form-text: #302c2b;
    --form-muted: #574f4d;
    --form-placeholder: #6d6462;
    --form-control-bg: rgb(95 84 82 / 15%);
    --form-control-border: rgb(67 55 53 / 40%);
    --form-control-highlight: rgb(255 255 255 / 24%);
    --form-secondary-bg: rgb(236 232 228 / 42%);
    --form-secondary-border: rgb(66 53 51 / 36%);
    --form-control-height: 2.625rem;
    --form-control-radius: 0.45rem;
    --form-row-gap: 0.75rem;
    --form-action-gap: 0.75rem;
    --form-section-gap: 1.5rem;
    --form-button-height: 2.625rem;
    --form-button-font-size: 0.9rem;
    --form-focus-ring: rgb(78 72 70 / 76%);
    --admin-control-bg: rgb(255 255 255 / 48%);
    --admin-control-border: rgb(67 55 53 / 34%);
    --admin-control-text: var(--form-text);
    --admin-control-placeholder: var(--form-placeholder);
    --admin-control-focus: rgb(79 102 119 / 66%);
    --admin-control-check-bg: rgb(255 255 255 / 62%);
    --admin-action-accent-soft: rgb(83 111 130 / 84%);
    --admin-action-accent-soft-hover: rgb(70 98 118 / 92%);
    --form-panel-padding: clamp(1rem, 2vw, 1.5rem);
    --color-line: rgb(255 255 255 / 54%);
    --color-glass: rgb(255 255 255 / 5.25%);
    --color-glass-strong: rgb(255 255 255 / 7.5%);
    --glass-fill: rgb(255 255 255 / 5.25%);
    --glass-fill-strong: rgb(255 255 255 / 7.5%);
    --glass-border: rgb(255 255 255 / 38%);
    --glass-border-shadow: rgb(64 45 50 / 20%);
    --glass-highlight: rgb(255 255 255 / 16.5%);
    --glass-shadow: rgb(43 38 42 / 13.5%);
    --glass-inner-shadow: rgb(255 255 255 / 16.5%);
    --glass-blur: 1.25rem;
    --glass-saturation: 72%;
    --glass-noise-opacity: 0.045;
    --glass-refraction-strength: 0.75;
    --glass-render-density: 0.08;
    --comments-panel-fill: linear-gradient(135deg, rgb(255 255 255 / 20%), rgb(255 255 255 / 11%) 48%, rgb(238 230 232 / 14%));
    --comments-text: #292625;
    --comments-text-muted: #625d59;
    --comments-text-technical: #4b4744;
    --comments-text-placeholder: #77716c;
    --comments-control-height: 2.375rem;
    --comments-control-radius: 0.42rem;
    --comments-button-shadow: 0 0.38rem 0.72rem rgb(54 40 40 / 15%), 0 -0.12rem 0.26rem rgb(62 37 42 / 14%) inset;
    --comments-button-highlight: 0 0.13rem 0.28rem rgb(255 255 255 / 45%) inset;
    --comments-gap: 0.62rem;
    --color-control: rgb(255 255 255 / 72%);
    --color-control-active: rgb(255 255 255 / 92%);
    --color-shadow-warm: rgb(88 47 55 / 16%);
    --color-shadow-cool: rgb(90 101 116 / 14%);
    --space-1: clamp(0.45rem, 0.7vw, 0.65rem);
    --space-2: clamp(0.75rem, 1.1vw, 1rem);
    --space-3: clamp(1rem, 1.7vw, 1.45rem);
    --space-4: clamp(1.35rem, 2.4vw, 2.4rem);
    --space-5: clamp(2rem, 4vw, 4.5rem);
    --panel-width: clamp(21rem, 34vw, 38rem);
    --panel-radius: 0.5rem;
    --control-size: 3rem;
    --poem-media-control-size: 2.25rem;
    --poem-audio-player-height: 3.75rem;
    --poem-audio-transition-duration: 320ms;
    --poem-audio-control-bg: rgb(255 255 255 / 44%);
    --poem-audio-control-disabled-opacity: 0.38;
    --bookmark-width: 1.38rem;
    --bookmark-length: 4.5rem;
    --bookmark-set-offset: 0.78rem;
    --bookmark-active-gold-1: #f5dfa4;
    --bookmark-active-gold-2: #c69a4e;
    --bookmark-disabled-1: #b1afa1;
    --bookmark-disabled-2: #74756d;
    --bookmark-hover-duration: 1.72s;
    --bookmark-fabric-light: var(--bookmark-active-gold-1);
    --bookmark-fabric-mid: var(--bookmark-active-gold-2);
    --bookmark-fabric-dark: #805525;
    --bookmark-disabled-light: var(--bookmark-disabled-1);
    --bookmark-disabled-mid: var(--bookmark-disabled-2);
    --bookmark-disabled-dark: #42463f;
    --bookmark-shadow: rgb(45 30 23 / 28%);
    --section-panel-fill: linear-gradient(138deg, rgb(255 253 248 / 81%), rgb(245 239 233 / 69%) 55%, rgb(234 226 227 / 66%));
    --section-panel-text: #292625;
    --section-panel-muted: #625b56;
    --section-panel-accent: #9a793d;
    --viewport-width: 100vw;
    --viewport-height: 100dvh;
    --mobile-dock-height: 3.875rem;
    --mobile-copyright-height: 1.25rem;
    --mobile-safe-bottom: env(safe-area-inset-bottom);
    --mobile-bottom-ui-height: calc(var(--mobile-dock-height) + var(--mobile-copyright-height) + 0.8rem);
    --mobile-panel-gap: clamp(0.8rem, 3.6vw, 1.25rem);
    --mobile-scene-title: clamp(1.5rem, 6.1vw, 1.625rem);
    --mobile-poem-title: clamp(1.375rem, 5.9vw, 1.56rem);
    --mobile-poem-body: clamp(1rem, 4.05vw, 1.0625rem);
    --mobile-poem-body-landscape: clamp(0.96875rem, 2vw, 1.03125rem);
    --mobile-poem-body-line-height: 1.44;
    --mobile-poem-body-landscape-line-height: 1.4;
    --mobile-poem-pager-touch-size: 2.75rem;
    --mobile-poem-pager-visual-height: 2.25rem;
    --mobile-poem-pager-count-width: 2.85rem;
    --mobile-prologue-title: clamp(1.375rem, 6vw, 1.625rem);
    --mobile-prologue-body: clamp(0.9375rem, 3.8vw, 1rem);
    --mobile-content-title: clamp(1.375rem, 6vw, 1.5625rem);
    --mobile-content-link: clamp(0.9375rem, 4.1vw, 1rem);
    --mobile-metadata: clamp(0.7rem, 3vw, 0.8rem);
    --public-panel-padding-inline: var(--space-4);
    --public-panel-padding-block: var(--space-4);
    --public-panel-padding-inline-portrait: 1.5rem;
    --public-panel-padding-block-portrait: 1.25rem;
    --public-panel-padding-inline-landscape: 1.5rem;
    --public-panel-padding-block-landscape: 1.125rem;
    --panel-copyright-inset-inline: 0.65rem;
    --panel-copyright-inset-block: 0.5rem;
    --panel-copyright-font-size: 0.6875rem;
    --panel-copyright-opacity: 0.78;
    --panel-copyright-safe-block: 1.8rem;
    --poem-copyright-rail-size: 1.25rem;
    --poem-copyright-font-size: 0.5625rem;
    --poem-copyright-opacity: 0.58;
    --scene-panel-title: clamp(2.375rem, 2.4vw, 2.875rem);
    --scene-poem-title: clamp(2.2rem, 2.2vw, 2.625rem);
    --scene-poem-body: clamp(1.125rem, 1.29vw, 1.25rem);
    --poem-title-font-family: var(--font-literary-title);
    --poem-title-size: var(--scene-poem-title);
    --poem-title-weight: 500;
    --poem-title-color: #272423;
    --poem-body-font-family: var(--font-poem-body);
    --poem-body-size: var(--scene-poem-body);
    --poem-text-color: #292625;
    --poem-text-weight: 500;
    --poem-body-line-height: 1.42;
    --poem-readability-fill: rgb(250 248 244 / 17%);
    --poem-readability-fill-edge: rgb(250 248 244 / 7%);
    --poem-readability-fill-mobile: rgb(250 248 244 / 21%);
    --poem-readability-fill-edge-mobile: rgb(250 248 244 / 8%);
    --poem-readability-blur: 0.85rem;
    --poem-content-inline-inset: clamp(1.125rem, 1.55vw, 1.5rem);
    --poem-content-block-inset: clamp(0.13rem, 0.35vw, 0.3rem);
    --scene-prologue-title: clamp(2.25rem, 2vw, 2.625rem);
    --scene-prologue-body: clamp(1.0625rem, 1vw, 1.1875rem);
    --scene-content-link: clamp(0.9375rem, 1.1vw, 1.125rem);
    --scene-rights-heading: clamp(1.0625rem, 1.05vw, 1.3125rem);
    --scene-rights-body: clamp(0.875rem, 0.9vw, 1rem);
    --admin-mobile-page-title: 1.75rem;
    --admin-mobile-section-title: 1.3125rem;
    --admin-mobile-group-title: 1.0625rem;
    --admin-mobile-card-padding: 1rem;
    --admin-mobile-form-gap: 0.875rem;
    --admin-mobile-section-gap: 1.375rem;
    --scene-duration: 1350ms;
    --scene-duration-fast: 900ms;
    --font-text: Georgia, "Times New Roman", "Times", serif;
    --font-literary-title: "Cormorant Garamond", "Times New Roman", Georgia, serif;
    --font-prologue-hand: "Bad Script", "Segoe Print", "Bradley Hand", cursive;
    --font-poem-body: "Caveat", "Segoe Print", "Bradley Hand", cursive;
    --font-prologue-classic: "Cormorant Garamond", Georgia, serif;
    --prologue-font-profile--handwritten: normal 400 1em var(--font-prologue-hand);
    --prologue-font-profile--classic: italic 400 1em var(--font-prologue-classic);
    --prologue-font-profile: var(--prologue-font-profile--handwritten);
    --poem-text-shadow: 0 1px 1px rgb(24 22 21 / 7%);
    --prologue-text-color: var(--poem-text-color);
    --prologue-text-weight: 400;
    --font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --support-tab-fill: rgb(246 231 187 / 54%);
    --support-tab-border: rgb(112 85 43 / 34%);
    --support-panel-fill: linear-gradient(145deg, rgb(255 253 248 / 84%), rgb(245 238 232 / 74%));
    --support-text: #292625;
    --support-text-muted: #625a56;
    --support-accent: #9a793d;
    --support-control-fill: rgb(255 255 255 / 57%);
    --support-warning: #6e5540;
    --support-qr-dark: #1c1a19;
    --support-qr-light: #fffdf9;
}
