/* Design Tokens: Centralização da identidade visual do projeto */
:root {
    /* Paleta Cromática: Hexadecimal e RGB/RGBA */
    --color-bg-deep: #0D0A08;      /* Fundo escuro - Autoridade e estabilidade */
    --color-bg-surface: #1A1512;   /* Superfície para elevação de cards */
    --color-gold-primary: #D4AF37; /* Dourado Metálico - Contraste e Call to Action */
    --color-gold-hover: #F1C40F;
    --color-bronze-accent: #8B4513;
    
    /* Cores de Leitura */
    --color-text-light: #F5F1E7;   /* Off-white para textos longos (reduz fadiga) */
    --color-text-muted: #A39D90;

    /* Tipografia (Famílias Fontes via Google Fonts) */
    --font-heading: 'Playfair Display', Times, serif; /* Fonte com serifa para títulos */
    --font-body: 'Montserrat', Arial, sans-serif;     /* Fonte sem serifa para fluidez */
    
    /* Escala Tipográfica Fluida (Responsividade nativa) */
    --fs-h1: clamp(2.5rem, 5vw + 1rem, 4.5rem);
    --fs-h2: clamp(2rem, 4vw + 1rem, 3rem);
    --fs-body: clamp(1rem, 1vw + 0.875rem, 1.125rem);

    /* Espaçamentos e Layout */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 2rem;
    --space-lg: 4rem;
    --space-xl: 8rem;

    --container-max: 1200px;
    --border-radius: 4px;
    --transition-fast: 0.3s ease;
}