/* Vinanca OS — tokens alinhados ao design system Lousas OS / Vitor Lousas:
   obsidian neutro (#141414 / #181818 / #202020), bordas hairline 1px (#282828),
   destaque laranja (#F97316), ações principais de alto contraste (#EDEDED / #141414),
   tipografia Geist + Geist Mono com algarismos tabulares.
   Significado semântico mantido:
   --accent = Na mão (livre) · --res = Reserva · --neg = gasto / Contas a pagar ·
   --pos = entrada · --ui-primary = ação principal. */

:root, [data-theme="noite"] {
  color-scheme: dark;
  --ground: #141414;
  --surface: #181818;
  --surface-2: #202020;
  --surface-3: #282828;
  --ink: #EDEDED;
  --ink-2: #C8C8C8;
  --ink-soft: #6E6E6E;
  --muted: #A1A1A1;
  --line: #282828;
  --line-strong: #3A3A3A;
  --line-campo: #4A4A4A;
  --accent: #F97316;
  --accent-soft: rgba(249, 115, 22, 0.14);
  --ui-primary: #EDEDED;
  --ui-primary-ink: #141414;
  --ui-primary-soft: rgba(237, 237, 237, 0.08);
  --ui-primary-texto: #EDEDED;
  --pos: #34D399;
  --pos-soft: rgba(52, 211, 153, 0.12);
  --neg: #F87171;
  --neg-soft: rgba(248, 113, 113, 0.12);
  --res: #E3B341;
  --res-soft: rgba(227, 179, 65, 0.13);
  --contorno: #000000;
  --focus: #F97316;
  --chip-claro: #2E2E2E;
  --cat-1: #EDEDED;
  --cat-2: #F97316;
  --cat-3: #34D399;
  --cat-4: #E3B341;
  --cat-5: #A1A1A1;
  --cat-6: #6E6E6E;
  --sombra: none;
  --sombra-alta: 0 16px 48px rgba(0, 0, 0, 0.6);
  --vidro: rgba(237, 237, 237, 0.06);
  --spotlight: radial-gradient(ellipse 80% 380px at 50% -40px, rgba(237, 237, 237, 0.065), transparent 72%);
  --sky-1: #141414;
  --sky-2: #181818;
  --sun: #F97316;
  --mtn-far: #1D1D1D;
  --mtn-near: #282828;
  --snow: #C8C8C8;
  --sea: #181818;
  --sea-2: #3A3A3A;
  --sand: #282828;
  --tecla: 0 0 0 0 transparent;
  --tecla-funda: 0 0 0 0 transparent;
}
[data-theme="amanhecer"] {
  color-scheme: light;
  --ground: #F2F2F0;
  --surface: #FFFFFF;
  --surface-2: #F5F5F3;
  --surface-3: #ECECEA;
  --ink: #191919;
  --ink-2: #4A4A4A;
  --ink-soft: #999999;
  --muted: #666666;
  --line: #E8E8E6;
  --line-strong: #D4D4D0;
  --line-campo: #A8A8A2;
  --accent: #C2410C;
  --accent-soft: rgba(194, 65, 12, 0.10);
  --ui-primary: #191919;
  --ui-primary-ink: #FFFFFF;
  --ui-primary-soft: rgba(25, 25, 25, 0.06);
  --ui-primary-texto: #191919;
  --pos: #15803D;
  --pos-soft: rgba(21, 128, 61, 0.10);
  --neg: #C0223A;
  --neg-soft: rgba(192, 34, 58, 0.10);
  --res: #9A6700;
  --res-soft: rgba(154, 103, 0, 0.10);
  --contorno: #191919;
  --focus: #C2410C;
  --chip-claro: #E4E4E2;
  --cat-1: #191919;
  --cat-2: #C2410C;
  --cat-3: #15803D;
  --cat-4: #9A6700;
  --cat-5: #666666;
  --cat-6: #999999;
  --sombra: 0 1px 2px rgba(25, 25, 25, 0.03);
  --sombra-alta: 0 16px 40px rgba(25, 25, 25, 0.14);
  --vidro: rgba(25, 25, 25, 0.05);
  --spotlight: radial-gradient(ellipse 80% 380px at 50% -40px, rgba(25, 25, 25, 0.035), transparent 72%);
  --sky-1: #F2F2F0;
  --sky-2: #FFFFFF;
  --sun: #C2410C;
  --mtn-far: #E8E8E6;
  --mtn-near: #D4D4D0;
  --snow: #FFFFFF;
  --sea: #ECECEA;
  --sea-2: #D4D4D0;
  --sand: #ECECEA;
  --tecla: 0 0 0 0 transparent;
  --tecla-funda: 0 0 0 0 transparent;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 8px;
  --radius-btn: 10px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --toque: 44px;
  --font-texto: 'Geist', 'Inter', system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: var(--font-texto);
  --font-bit: var(--font-texto);
  --font-num: var(--font-texto);
  --font-mono: 'Geist Mono', 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;
}
.titulo-xl { font: 500 48px/1.06 var(--font-display); letter-spacing: -0.035em; }
.titulo-l { font: 500 36px/1.1 var(--font-display); letter-spacing: -0.03em; }
.titulo-m { font: 500 24px/1.2 var(--font-display); letter-spacing: -0.025em; }
.numero-xl { font: 600 44px/1 var(--font-num); letter-spacing: -0.035em; font-variant-numeric: tabular-nums; }
.numero-l { font: 600 28px/1 var(--font-num); letter-spacing: -0.025em; font-variant-numeric: tabular-nums; }
.numero-s { font: 600 14px/1 var(--font-num); font-variant-numeric: tabular-nums; }
.rotulo { font: 500 11px/1.2 var(--font-mono); letter-spacing: 0.08em; text-transform: uppercase; }
.botao { font: 500 14px/1 var(--font-texto); }
.texto-l { font: 600 17px/1.5 var(--font-texto); }
.texto { font: 400 15px/1.55 var(--font-texto); }
.texto-s { font: 500 14px/1.45 var(--font-texto); }
.legenda { font: 400 12px/1.4 var(--font-texto); }