/* Didog DS — tokens (guia: didog-design-system.html) */

body.lp,
body.didog-lp,
body.auth-didog {
    --bg-base: #0d0c0b;
    --bg-surface: #151412;
    --bg-raised: #1c1a18;
    --bg-overlay: #242220;
    --bg-subtle: #2c2a27;

    --border-faint: rgba(255, 255, 255, 0.06);
    --border-soft: rgba(255, 255, 255, 0.1);
    --border-medium: rgba(255, 255, 255, 0.16);
    --border-strong: rgba(255, 255, 255, 0.28);

    --text-primary: #f2eee8;
    --text-secondary: #a09b93;
    --text-muted: #6b6760;
    --text-disabled: #3d3c3a;

    --brand-500: #ff6b2b;
    --brand-400: #ff8c57;
    --brand-300: #ffb08a;
    --brand-600: #d94e12;
    --brand-100: #331506;

    --amber-500: #ffb830;
    --amber-400: #ffcc6b;
    --amber-300: #ffe0a3;
    --amber-600: #cc8c10;
    --amber-100: #2e200a;

    --success: #34c77b;
    --warning: #ffb830;
    --danger: #ff4d4d;
    --info: #4fa3e0;

    --font-display: 'Syne', sans-serif;
    --font-body: 'DM Sans', sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    --text-xs: 0.64rem;
    --text-sm: 0.8rem;
    --text-base: 1rem;
    --text-lg: 1.25rem;
    --text-xl: 1.563rem;
    --text-2xl: 1.953rem;
    --text-3xl: 2.441rem;
    --text-4xl: 3.052rem;
    --text-5xl: 3.815rem;
    --text-6xl: 4.768rem;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;
    --space-16: 64px;
    --space-20: 80px;
    --space-24: 96px;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 24px;
    --radius-full: 9999px;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.6), 0 4px 8px rgba(0, 0, 0, 0.3);
    --shadow-glow: 0 0 0 1px var(--brand-500), 0 0 20px rgba(255, 107, 43, 0.2);

    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);

    --dur-instant: 80ms;
    --dur-fast: 150ms;
    --dur-default: 250ms;
    --dur-slow: 400ms;
    --dur-enter: 500ms;
    --dur-page: 700ms;

    /* Ponte com variáveis legadas (cookie banner, app.css) */
    --cor-marketing-fundo: var(--bg-base);
    --cor-marketing-fundo-suave: var(--bg-surface);
    --cor-marketing-superficie: var(--bg-surface);
    --cor-marketing-superficie-hover: var(--bg-raised);
    --cor-marketing-borda: var(--border-soft);
    --cor-marketing-texto: var(--text-primary);
    --cor-marketing-texto-secundario: var(--text-secondary);
    --cor-marketing-acento: var(--brand-500);
    --cor-marketing-acento-hover: var(--brand-400);
    --cor-marketing-alerta: var(--danger);
    --cor-marketing-alerta-fundo: rgba(255, 77, 77, 0.12);
    --marketing-raio-pequeno: var(--radius-md);
    --marketing-raio-medio: var(--radius-lg);
    --marketing-raio-grande: var(--radius-xl);
    --lp-transicao: all var(--dur-default) var(--ease-out);
    --lp-sombra-card: var(--shadow-md);
    --lp-sombra-hover: var(--shadow-lg);
}