/* ═══════════════════════════════════════════
   tokens.css — Design System da PG Segurança
   Todas as variáveis em um lugar só
═══════════════════════════════════════════ */

:root {
    /* Cores */
    --gold:        #FFD700;
    --gold-dim:    rgba(255, 215, 0, 0.12);
    --gold-glow:   rgba(255, 215, 0, 0.25);

    --black:       #080808;
    --surface-1:   #0e0e0e;
    --surface-2:   #141414;
    --surface-3:   #1c1c1c;
    --border:      rgba(255, 255, 255, 0.08);
    --border-gold: rgba(255, 215, 0, 0.4);

    --text-primary:   #ffffff;
    --text-secondary: #888888;
    --text-muted:     #444444;

    /* Tipografia */
    --font-display: 'Barlow Condensed', sans-serif;
    --font-body:    'Inter', sans-serif;

    /* Espaçamento */
    --space-xs:  4px;
    --space-sm:  8px;
    --space-md:  16px;
    --space-lg:  24px;
    --space-xl:  40px;
    --space-2xl: 80px;
    --space-3xl: 120px;

    /* Bordas */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 20px;

    /* Transição padrão */
    --ease: cubic-bezier(0.25, 1, 0.5, 1);
    --duration: 0.35s;
    --transition: var(--duration) var(--ease);
}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}