:root {
    /* — Cores — */
    --sc-color-primary: #5A1F2B;
    --sc-color-primary-light: #7B5A63;
    --sc-color-secondary: #C6A45E;
    --sc-color-accent: #C46A4A;
    --sc-color-surface: #F6F1EC;
    --sc-color-surface-dark: #96050B;
    --sc-color-error: #ff4c4c;
    --sc-color-success: #4cff7c;
    --sc-premium-bg: #220713;
    --sc-premium-bg-alt: #3c0d1e;
    --sc-premium-surface: rgba(77, 16, 34, 0.72);
    --sc-premium-surface-strong: rgba(97, 20, 44, 0.94);
    --sc-premium-surface-soft: rgba(133, 39, 64, 0.34);
    --sc-premium-accent: #f2b35f;
    --sc-premium-accent-strong: #ffcc74;
    --sc-premium-text: #f7e1d3;
    --sc-premium-text-muted: #ddb09a;
    --sc-premium-line: rgba(255, 214, 170, 0.16);
    --sc-premium-shadow: 0 24px 70px rgba(15, 2, 7, 0.45);
    --sc-premium-blur: 18px;

    --sc-text-primary: #3A1E24;
    --sc-text-on-dark: #F3E6DC;
    --sc-text-on-dark-muted: #EDC1A4;
    --sc-text-muted: #C08A8A;

    /* — Tipografia — */
    --sc-font-display: 'Playfair Display', serif;
    --sc-font-body: system-ui, -apple-system, sans-serif;
    --sc-font-size-xs: 0.75rem;
    --sc-font-size-sm: 0.875rem;
    --sc-font-size-base: 1rem;
    --sc-font-size-lg: clamp(1.125rem, 1rem + 0.45vw, 1.25rem);
    --sc-font-size-xl: clamp(1.25rem, 1.08rem + 0.8vw, 1.5rem);
    --sc-font-size-2xl: clamp(1.5rem, 1.15rem + 1.4vw, 1.8rem);
    --sc-font-size-3xl: clamp(1.875rem, 1.35rem + 2vw, 2.25rem);
    --sc-line-height-tight: 1.15;
    --sc-line-height-body: 1.5;
    --sc-line-height-relaxed: 1.7;

    /* — Espaçamento (grid de 8pt) — */
    --sc-space-1: 0.5rem;
    --sc-space-2: 1rem;
    --sc-space-3: 1.5rem;
    --sc-space-4: 2rem;
    --sc-space-5: 2.5rem;
    --sc-space-6: 3rem;
    --sc-space-8: 4rem;

    /* — Border radius — */
    --sc-radius-sm: 6px;
    --sc-radius-md: 12px;
    --sc-radius-lg: 20px;
    --sc-radius-xl: 24px;
    --sc-radius-full: 999px;

    /* — Sombras — */
    --sc-shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --sc-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --sc-shadow-lg: 0 24px 60px rgba(58, 30, 36, 0.28);

    /* — Z-index — */
    --sc-z-dropdown: 100;
    --sc-z-modal: 9999;
    --sc-z-tooltip: 10000;

    /* — Layout — */
    --sc-header-height: 72px;
    --sc-page-gutter: clamp(16px, 4vw, 32px);
    --sc-section-padding-block: clamp(32px, 7vw, 64px);
    --sc-section-padding-block-lg: clamp(48px, 8vw, 96px);
    --sc-content-max-width: 1280px;
    --sc-content-narrow-width: 860px;
    --sc-content-wide-width: 1440px;
    --sc-grid-gap: clamp(16px, 2.4vw, 32px);
    --sc-card-max-width: 380px;
    --sc-premium-shell-width: 430px;
    --sc-premium-player-height: 186px;

    /* — Breakpoints (referência para @media) — */
    /* md: 768px, lg: 1024px, xl: 1280px */
}

@media (min-width: 768px) {
    :root {
        --sc-header-height: 80px;
    }
}