/* assets/css/base.css */
:root,
[data-theme="light"] {
    --azul:        #1A5DAB;
    --azul-escuro: #134A8A;
    --azul-claro:  #EBF2FB;
    --bg:          #F5F7FA;
    --bg-card:     #FFFFFF;
    --texto:       #1A202C;
    --texto-muted: #4A5568;
    --borda:       #D1D9E6;
    --header-bg:   #1A5DAB;
    --header-text: #FFFFFF;
    --hero-bg:     #1A5DAB;
    --hero-text:   #FFFFFF;
    --footer-bg:   #134A8A;
    --footer-text: rgba(255,255,255,0.7);
    --icon-sol:    block;
    --icon-lua:    none;
}

[data-theme="dark"] {
    --azul:        #4A90D9;
    --azul-escuro: #357ABD;
    --azul-claro:  #1A2942;
    --bg:          #0F1623;
    --bg-card:     #1A2436;
    --texto:       #E8EDF5;
    --texto-muted: #8FA3BF;
    --borda:       #2A3A52;
    --header-bg:   #111D2E;
    --header-text: #E8EDF5;
    --hero-bg:     #111D2E;
    --hero-text:   #E8EDF5;
    --footer-bg:   #0A1120;
    --footer-text: rgba(255,255,255,0.5);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg);
    color: var(--texto);
    line-height: 1.6;
    transition: background-color 0.3s, color 0.3s;
    overflow-x: hidden;
    width: 100%;
}