/* ============================================================
   FRENTY — SISTEMA DE SITES · base.css
   Reset, variáveis (paletas dark + light) e tipografia base.
   As duas paletas convivem escopadas por html[data-tema="..."].
   Carregue na ordem: base.css → components.css → layout.css
   ============================================================ */

/* ===== RESET (compartilhado) ===== */
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }

/* ============================================================
   TEMA DARK — Pitch para investidor (tech/financeiro)
   ============================================================ */
html[data-tema="dark"] {
    /* Paleta tech/financeiro */
    --bg: #070b1a;
    --bg-2: #0d1228;
    --bg-3: #161b35;
    --bg-card: rgba(22, 27, 53, 0.6);

    --roxo: #5B2EAA;
    --roxo-light: #7c5cff;
    --ciano: #22D3EE;
    --verde: #00E676;
    --verde-dark: #0F9B5C;
    --laranja: #FF6B35;
    --vermelho: #EF4444;
    --amarelo: #FBBF24;

    --text: #F2F2F2;
    --text-mute: #9aa3c7;
    --text-dim: #6b7290;

    --border: rgba(124, 92, 255, 0.18);
    --border-hover: rgba(34, 211, 238, 0.45);

    --grad-1: linear-gradient(135deg, #5B2EAA 0%, #22D3EE 100%);
    --grad-verde: linear-gradient(135deg, #0F9B5C 0%, #00E676 100%);
    --grad-laranja: linear-gradient(135deg, #FF6B35 0%, #FBBF24 100%);
    --grad-bg: linear-gradient(180deg, #070b1a 0%, #0d1228 100%);

    --radius-sm: 10px;
    --radius: 16px;
    --radius-lg: 24px;

    --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 14px 40px rgba(0, 0, 0, 0.4);
    --shadow-glow: 0 0 60px rgba(91, 46, 170, 0.4);

    scroll-padding-top: 80px;

    body {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        color: var(--text);
        background: var(--bg);
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
    }

    /* Grid de fundo decorativo */
    body::before {
        content: ''; position: fixed; inset: 0; z-index: -1; pointer-events: none;
        background-image:
            radial-gradient(circle at 20% 10%, rgba(91, 46, 170, 0.18), transparent 50%),
            radial-gradient(circle at 80% 70%, rgba(34, 211, 238, 0.1), transparent 50%),
            linear-gradient(180deg, #070b1a 0%, #0d1228 100%);
    }

    .mono { font-family: 'JetBrains Mono', monospace; }
}

/* ============================================================
   TEMA LIGHT — Apresentação comercial IAF (roxo + ciano)
   ============================================================ */
html[data-tema="light"] {
    --roxo-deep: #1a0a3e;
    --roxo-mid: #2d1166;
    --roxo: #5B2EAA;
    --roxo-light: #7c5cff;
    --ciano: #22D3EE;
    --ciano-dark: #00B8E0;
    --verde-wa: #25D366;
    --verde-wa-dark: #128c7e;
    --rosa: #FF5CF7;

    --bg: #ffffff;
    --bg-alt: #F4F2FA;
    --bg-dark: var(--roxo-deep);
    --text: #1A1A1A;
    --text-mute: #595673;
    --text-light: #cdc7e8;

    --border: rgba(124, 92, 255, 0.18);
    --shadow-sm: 0 4px 14px rgba(26, 10, 62, 0.08);
    --shadow-md: 0 14px 40px rgba(26, 10, 62, 0.12);
    --shadow-lg: 0 24px 60px rgba(26, 10, 62, 0.18);

    --grad-1: linear-gradient(135deg, #5B2EAA 0%, #22D3EE 100%);
    --grad-2: linear-gradient(135deg, #1a0a3e 0%, #5B2EAA 70%, #7c5cff 100%);
    --grad-3: linear-gradient(135deg, #FF5CF7 0%, #5B2EAA 100%);

    --radius-sm: 12px;
    --radius: 20px;
    --radius-lg: 28px;

    scroll-padding-top: 90px;

    body {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
        color: var(--text);
        background: var(--bg);
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
        overflow-x: hidden;
    }
}