@import url('fonts.css');
@import url('fontawesome.min.css');

:root {
    --green: #10b981;
    --green-2: #059669;
    --green-hover: #059669;
    --green-glow: rgba(16, 185, 129, 0.2);
    --green-ink: #ffffff;
}

/* ==================== TEMA ESCURO ==================== */
html[data-theme="dark"] {
    color-scheme: dark;
    --bg: #0a0b0e;
    --bg-secondary: #0d1117;
    --card: #101218;
    --card-2: #14161d;
    --card-hover: #181b24;
    --header-bg: #0d1017;
    --footer-bg: #090c10;
    --pill-bg: #161b22;
    --pill-bd: rgba(255, 255, 255, 0.08);
    --pill-hover: #21262d;
    --footer-text: #64748b;
    --text: #cbd5e1;
    --text-heading: #f1f5f9;
    --muted: #8b919e;
    --input-bg: #14161d;
    --input-bd: #272b35;
    --input-text: #e2e8f0;
    --divider: #20242d;
    --link: #9aa1ad;
    --link-h: #e8eaef;
    --ring: rgba(16, 185, 129, .22);
    --shadow: 0 24px 70px rgba(0, 0, 0, .55);
    --card-shadow: 0 8px 30px rgba(0, 0, 0, 0.4);
    --badge-bg: rgba(16, 185, 129, 0.12);
    --badge-bd: rgba(16, 185, 129, 0.25);
    --badge-text: #34d399;
}

/* ==================== TEMA CLARO ==================== */
html[data-theme="light"] {
    color-scheme: light;
    --bg: #f8fafc;
    --bg-secondary: #f1f5f9;
    --card: #ffffff;
    --card-2: #f8fafc;
    --card-hover: #f1f5f9;
    --header-bg: #ffffff;
    --footer-bg: #f8fafc;
    --pill-bg: #ffffff;
    --pill-bd: #e2e8f0;
    --pill-hover: #f1f5f9;
    --footer-text: #64748b;
    --text: #334155;
    --text-heading: #0f172a;
    --muted: #64748b;
    --input-bg: #ffffff;
    --input-bd: #e2e8f0;
    --input-text: #0f172a;
    --divider: #e2e8f0;
    --link: #64748b;
    --link-h: #0f172a;
    --ring: rgba(16, 185, 129, .2);
    --shadow: 0 10px 30px rgba(0, 0, 0, .04);
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    --badge-bg: rgba(16, 185, 129, 0.1);
    --badge-bd: rgba(16, 185, 129, 0.25);
    --badge-text: #047857;
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
}

body {
    margin: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    background: var(--bg);
    color: var(--text);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    transition: background-color 0.2s ease, color 0.2s ease;
}