/* observatorio/public/css/base.css — a paleta e o reset do Observatório Catarina.

   A forma visual é a mesma da casa vizinha (terminal em caracteres, JetBrains Mono,
   fundo preto, cinco temas), e isso é escolha: quem conhece uma reconhece a outra.
   O arquivo, porém, é PRÓPRIO — o Observatório é outro processo, em outro endereço,
   e não deve depender de um CSS que vive no repositório do Temporama. Copiar trinta
   linhas de variáveis é mais barato que amarrar duas casas por um link de estilo.

   Uma diferença de fundo: o tema é guardado num cookie do próprio domínio
   (obs_tema), e não no cookie compartilhado de .temporama.com.br. Trocar a cor
   aqui não muda a cor de lá — são casas separadas, inclusive na aparência. */
:root {
    --bg: #000000; --panel: rgba(255,255,255,0.045); --panel-border: rgba(255,255,255,0.12);
    --text: #FFFFFF; --sec: rgba(235,235,245,0.62);
    --green: #30D158; --orange: #FF9F0A; --blue: #0A84FF; --red: #FF453A;
    --glow: rgba(48,209,88,0.45);
    --font-mono: 'JetBrains Mono', "SF Mono", monospace;
    --font-title: 'Barlow Condensed', sans-serif;
}
body.theme-mar { --bg:#000b18; --panel:rgba(128,222,234,0.07); --panel-border:rgba(128,222,234,0.22); --text:#e0f7fa; --sec:#80deea; --green:#00e676; --orange:#FF9F0A; --blue:#00b4d8; --red:#ff5252; --glow:rgba(0,230,118,0.35); }
body.theme-mata { --bg:#0a110a; --panel:rgba(129,199,132,0.07); --panel-border:rgba(129,199,132,0.22); --text:#e8f5e9; --sec:#81c784; --green:#69f0ae; --orange:#FF9F0A; --blue:#00e5ff; --red:#ff5252; --glow:rgba(105,240,174,0.35); }
body.theme-brasil { --bg:#081C10; --panel:rgba(255,255,255,0.045); --panel-border:rgba(255,255,255,0.1); --text:#E8F5E9; --sec:#9BCBA2; --green:#FFF59D; --orange:#FFB300; --blue:#FFD60A; --red:#FF5252; --glow:rgba(255,214,10,0.35); }
body.theme-contestado { --bg:#160c08; --panel:rgba(255,183,77,0.06); --panel-border:rgba(255,183,77,0.22); --text:#f5e6d3; --sec:#c9a227; --green:#e0a458; --orange:#FF9F0A; --blue:#8d99ae; --red:#c1440e; --glow:rgba(224,164,88,0.35); }

* { box-sizing: border-box; }
body {
    margin: 0; min-height: 100vh; background: var(--bg); color: var(--text);
    font-family: var(--font-mono); transition: background .3s, color .3s;
}
a { color: var(--green); }
button { font-family: var(--font-mono); cursor: pointer; }
textarea, input {
    font-family: var(--font-mono); background: rgba(255,255,255,0.04); color: var(--text);
    border: 1px solid var(--panel-border); border-radius: 6px;
}