/* ══════════════════════════════════════
   DESIGN TOKENS
   Portfolio Fernando — Black & White
   ══════════════════════════════════════ */

:root {
    /* ── Backgrounds ── */
    --bg-0: #000000;
    --bg-1: #0a0a0a;
    --bg-2: #111111;
    --bg-3: #1a1a1a;

    /* ── Accent (white) ── */
    --accent: #ffffff;
    --accent-lt: #f0f0f0;
    --accent-dk: #cccccc;
    --accent-bg: rgba(255,255,255,.06);
    --accent-bd: rgba(255,255,255,.15);

    /* ── Theme Colors (all white/gray) ── */
    --c-tech:      #ffffff;
    --c-tech-rgb:  255,255,255;
    --c-tech-bg:   rgba(255,255,255,.06);
    --c-tech-bd:   rgba(255,255,255,.15);

    --c-design:      #cccccc;
    --c-design-rgb:  204,204,204;
    --c-design-bg:   rgba(255,255,255,.05);
    --c-design-bd:   rgba(255,255,255,.12);

    --c-trafego:      #aaaaaa;
    --c-trafego-rgb:  170,170,170;
    --c-trafego-bg:   rgba(255,255,255,.04);
    --c-trafego-bd:   rgba(255,255,255,.10);

    --c-social:      #bbbbbb;
    --c-social-rgb:  187,187,187;
    --c-social-bg:   rgba(255,255,255,.04);
    --c-social-bd:   rgba(255,255,255,.10);

    --c-automacao:      #dddddd;
    --c-automacao-rgb:  221,221,221;
    --c-automacao-bg:   rgba(255,255,255,.05);
    --c-automacao-bd:   rgba(255,255,255,.12);

    --c-opensource:      #ffffff;
    --c-opensource-rgb:  255,255,255;
    --c-opensource-bg:   rgba(255,255,255,.06);
    --c-opensource-bd:   rgba(255,255,255,.15);

    /* ── Text ── */
    --white: #ffffff;
    --g1: #aaaaaa;
    --g2: #777777;
    --g3: #444444;

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

    /* ── Shadows ── */
    --shadow-sm: 0 2px 8px rgba(0,0,0,.6);
    --shadow-md: 0 8px 24px rgba(0,0,0,.7);
    --shadow-lg: 0 16px 48px rgba(0,0,0,.8);
    --shadow-glow: 0 0 32px rgba(255,255,255,.06);

    /* ── Gradients ── */
    --grad-accent: linear-gradient(135deg, var(--accent), var(--accent-lt));
    --grad-rainbow: linear-gradient(90deg, #fff, #ccc, #aaa, #bbb, #ddd);
    --grad-mesh: radial-gradient(at 20% 20%, rgba(255,255,255,.03), transparent 50%),
                 radial-gradient(at 80% 10%, rgba(255,255,255,.02), transparent 50%),
                 radial-gradient(at 70% 80%, rgba(255,255,255,.02), transparent 50%);

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