@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
    /* Cores Institucionais e Temáticas de Sorteio */
    --primary: #002A7F;
    --primary-dark: #001A52;
    --primary-light: #EBF2FF;
    --primary-gradient: linear-gradient(135deg, #002A7F 0%, #0056CC 100%);
    
    --secondary: #FFB800;
    --secondary-dark: #D99B00;
    --secondary-light: #FFF8E6;
    --secondary-gradient: linear-gradient(135deg, #FFB800 0%, #FF8A00 100%);

    --accent: #6366F1;
    --success: #10B981;
    --success-light: #D1FAE5;
    --danger: #EF4444;
    --danger-light: #FEE2E2;
    --warning: #F59E0B;
    --warning-light: #FEF3C7;
    --info: #0284C7;

    /* Superfícies, Textos e Bordas */
    --bg-main: #F8FAFC;
    --surface: #FFFFFF;
    --surface-glass: rgba(255, 255, 255, 0.92);
    --border: rgba(226, 232, 240, 0.9);
    --border-focus: #002A7F;

    --text-main: #0F172A;
    --text-muted: #64748B;
    --text-white: #FFFFFF;

    /* Sombras e Raios de Borda */
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 30px;

    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 6px 18px rgba(0, 42, 127, 0.08);
    --shadow-lg: 0 15px 35px rgba(0, 42, 127, 0.14);
    --shadow-gold: 0 10px 25px rgba(255, 184, 0, 0.25);

    --transition: all 0.25s ease-in-out;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    -webkit-tap-highlight-color: transparent;
}

body {
    background-color: var(--bg-main);
    color: var(--text-main);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Orbes de iluminação decorativa no fundo */
.ambient-glow::before {
    content: '';
    position: fixed;
    top: -15%;
    right: -10%;
    width: 45vw;
    height: 45vw;
    background: radial-gradient(circle, rgba(255, 184, 0, 0.12) 0%, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}

.ambient-glow::after {
    content: '';
    position: fixed;
    bottom: -15%;
    left: -10%;
    width: 45vw;
    height: 45vw;
    background: radial-gradient(circle, rgba(0, 42, 127, 0.08) 0%, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
    z-index: -1;
    pointer-events: none;
}