:root {
    --feat-bg: #071421;
    --feat-bg-deep: #06121d;
    --feat-bg-raised: #0a1c2b;
    --feat-surface: #101c24;
    --feat-surface-raised: #17252d;
    --feat-ink: #E7E6DD;
    --feat-ink-strong: #F7F6EE;
    --feat-ink-muted: rgba(231, 230, 221, 0.62);
    --feat-accent: #FFDD88;
    --feat-accent-soft: rgba(255, 221, 136, 0.18);
    --feat-accent-faint: rgba(255, 221, 136, 0.07);
    --feat-accent-line: rgba(255, 221, 136, 0.30);
    --feat-accent-glow: rgba(255, 221, 136, 0.42);
    --feat-shadow-deep: rgba(0, 0, 0, 0.34);
    --feat-overlay-soft: rgba(6, 18, 29, 0.48);
    --feat-overlay-strong: rgba(6, 18, 29, 0.78);
    --feat-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --feat-ease-settle: cubic-bezier(0.16, 1, 0.3, 1);
    --feat-duration-fast: 180ms;
    --feat-duration-standard: 320ms;
    --feat-duration-slow: 520ms;
    --feat-radius-sm: 8px;
    --feat-radius-md: 12px;
    --feat-radius-lg: 16px;
    --feat-z-nav: 100002;
    --feat-z-preloader: 100003;
    --feat-z-transition: 100004;

    --ch-bg: var(--feat-bg-deep);
    --ch-bg-2: var(--feat-bg-raised);
    --ch-ink: var(--feat-ink-strong);
    --ch-muted: var(--feat-ink-muted);
    --ch-gold: var(--feat-accent);
    --bg-cinema: var(--feat-bg-deep);
}