/* ══════════════════════════════════════
   DESIGN TOKENS
   Portfolio Fernando
   ══════════════════════════════════════ */

:root {
    /* ── Backgrounds ── */
    --bg-0: #0d1117;
    --bg-1: #131922;
    --bg-2: #1a2233;
    --bg-3: #222d3f;

    /* ── Accent (teal — default) ── */
    --accent: #5eead4;
    --accent-lt: #99f6e4;
    --accent-dk: #2dd4bf;
    --accent-bg: rgba(94,234,212,.08);
    --accent-bd: rgba(94,234,212,.18);

    /* ── Theme Colors (5 frentes) ── */
    --c-tech:      #5eead4;
    --c-tech-rgb:  94,234,212;
    --c-tech-bg:   rgba(94,234,212,.08);
    --c-tech-bd:   rgba(94,234,212,.18);

    --c-design:      #a78bfa;
    --c-design-rgb:  167,139,250;
    --c-design-bg:   rgba(167,139,250,.08);
    --c-design-bd:   rgba(167,139,250,.18);

    --c-trafego:      #f0a050;
    --c-trafego-rgb:  240,160,80;
    --c-trafego-bg:   rgba(240,160,80,.08);
    --c-trafego-bd:   rgba(240,160,80,.18);

    --c-social:      #60a5fa;
    --c-social-rgb:  96,165,250;
    --c-social-bg:   rgba(96,165,250,.08);
    --c-social-bd:   rgba(96,165,250,.18);

    --c-automacao:      #4ade80;
    --c-automacao-rgb:  74,222,128;
    --c-automacao-bg:   rgba(74,222,128,.08);
    --c-automacao-bd:   rgba(74,222,128,.18);

    /* ── Text ── */
    --white: #e6edf3;
    --g1: #b0bec5;
    --g2: #6e7a88;
    --g3: #3b4654;

    /* ── UI ── */
    --r: 8px;
    --ease: cubic-bezier(.25,.46,.45,.94);
    --ease-out: cubic-bezier(0,.55,.45,1);
    --max: 1100px;
    --gap: 2.5rem;

    /* ── Fonts ── */
    --mono: 'JetBrains Mono', 'Fira Code', monospace;
    --sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* ── Light Mode ── */
[data-theme="light"] {
    --bg-0: #f8f9fa;
    --bg-1: #ffffff;
    --bg-2: #f0f1f3;
    --bg-3: #e4e6ea;

    --accent: #0d9488;
    --accent-lt: #14b8a6;
    --accent-dk: #0f766e;
    --accent-bg: rgba(13,148,136,.06);
    --accent-bd: rgba(13,148,136,.18);

    --white: #1a1a2e;
    --g1: #4a4a5a;
    --g2: #8a8a9a;
    --g3: #c0c0cc;

    --c-tech: #0d9488;
    --c-tech-bg: rgba(13,148,136,.06);
    --c-tech-bd: rgba(13,148,136,.18);
    --c-design: #7c3aed;
    --c-design-bg: rgba(124,58,237,.06);
    --c-design-bd: rgba(124,58,237,.18);
    --c-trafego: #d97706;
    --c-trafego-bg: rgba(217,119,6,.06);
    --c-trafego-bd: rgba(217,119,6,.18);
    --c-social: #2563eb;
    --c-social-bg: rgba(37,99,235,.06);
    --c-social-bd: rgba(37,99,235,.18);
    --c-automacao: #16a34a;
    --c-automacao-bg: rgba(22,163,74,.06);
    --c-automacao-bd: rgba(22,163,74,.18);

    --c-tech-rgb: 13,148,136;
    --c-design-rgb: 124,58,237;
    --c-trafego-rgb: 217,119,6;
    --c-social-rgb: 37,99,235;
    --c-automacao-rgb: 22,163,74;
}