/* =============================================
   VARIÁVEIS DE DESIGN SYSTEM
   Paleta "AMA 1 Ano": Vinho + Azul-Marinho + Marfim
   (cores extraídas do banner de divulgação)
   ============================================= */

:root {
    /* Cores principais */
    --navy-900: #3a0e1d;
    --navy-800: #4a1224;
    --navy-700: #5b1a2e;
    --navy-600: #7b2b45;
    --navy-500: #385088;

    --gold-600: #4a1224;
    --gold-500: #5b1a2e;
    --gold-400: #c79aa8;
    --gold-300: #d8a7b4;
    --gold-100: #f4e4e8;

    --cream-100: #f5f0ea;
    --cream-200: #ede3da;

    --gray-100: #f5f6f8;
    --gray-200: #e9ebef;
    --gray-300: #d5d9e0;
    --gray-500: #6b7686;
    --gray-700: #38414f;
    --ink: #1b2431;

    --white: #ffffff;
    --green-600: #1e8e5a;
    --red-600: #d64545;
    --orange-500: #e8912d;

    /* Tipografia */
    --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-sans: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;

    /* Gradientes */
    --gradient-navy: linear-gradient(135deg, var(--navy-900) 0%, var(--navy-700) 55%, var(--navy-600) 100%);
    --gradient-gold: linear-gradient(135deg, var(--gold-500) 0%, var(--gold-600) 100%);
    --gradient-rose: linear-gradient(135deg, var(--gold-400) 0%, var(--gold-100) 100%);
    --gradient-cream: linear-gradient(180deg, var(--cream-100) 0%, var(--cream-200) 100%);

    /* Sombras */
    --shadow-xs: 0 2px 8px rgba(74, 18, 36, 0.06);
    --shadow-sm: 0 4px 16px rgba(74, 18, 36, 0.08);
    --shadow-md: 0 10px 32px rgba(74, 18, 36, 0.12);
    --shadow-lg: 0 24px 64px rgba(58, 14, 29, 0.18);
    --shadow-gold: 0 10px 30px rgba(91, 26, 46, 0.35);
    --shadow-navy: 0 12px 40px rgba(58, 14, 29, 0.35);

    /* Raios */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-xl: 32px;
    --radius-full: 999px;

    /* Transições */
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

    /* Layout */
    --header-height: 84px;
    --container-max: 1240px;
}