/* ═══════════════════════════════════════════════════
   DESIGN TOKENS — Marillia Cavalcante Brand System
   ═══════════════════════════════════════════════════ */

:root {
    /* ─── Brand Colors ─── */
    --brand-black: #0a0a0a;
    --brand-dark: #1c1c1c;
    --brand-champagne: #D6CFC4;
    --brand-gold: #B89E72;
    --brand-white: #FAFAFA;
    --brand-surface: #F2F2F0;

    /* ─── Typography ─── */
    --font-serif: 'Playfair Display', serif;
    --font-sans: 'Manrope', sans-serif;

    /* ─── Spacing (section level) ─── */
    --section-py: 8rem;
    /* py-32 */
    --section-py-sm: 6rem;
    /* py-24 */
    --container-px: 1.5rem;
    /* px-6 */
    --container-px-md: 3rem;
    /* md:px-12 */

    /* ─── Transitions ─── */
    --transition-smooth: all 0.5s ease;
    --transition-fast: all 0.3s ease;
    --ease-luxury: cubic-bezier(0.2, 1, 0.3, 1);
    --ease-reveal: cubic-bezier(0.165, 0.84, 0.44, 1);

    /* ─── Border / Radius ─── */
    --border-light: rgba(255, 255, 255, 0.1);
    --border-dark: rgba(0, 0, 0, 0.1);

    /* ─── Shadows ─── */
    --shadow-card: 0 25px 50px -12px rgba(200, 200, 200, 0.25);
}