/* Tokens del diseño "Familia Premium" (artifact App de Finanzas Personales, v19).
   Un solo lugar para los colores: las pantallas nunca escriben un hex suelto. */
:root {
  --bg: #F4F6FA;
  --surface: #FFFFFF;
  --border: #E3E8EF;
  --line: #EEF2F6;
  --chip: #F1F4F8;
  --ink: #0F172A;
  --muted: #475569;
  --link: #1D4ED8;

  --hero: linear-gradient(135deg, #0F172A 0%, #1E3A8A 100%);
  --hero-border: rgba(226, 184, 87, 0.35);
  --hero-inner: rgba(255, 255, 255, 0.10);
  --hero-muted: #A9B7D0;
  --ring: rgba(226, 184, 87, 0.06);

  --gold: #E2B857;
  --on-gold: #0F172A;
  --pos: #047857;
  --inc: #059669;
  --exp: #94A3B8;
  --danger: #B91C1C;
  --warn-bg: #FDF3E1;
  --warn-fg: #8A5A0B;

  --nav: #0F172A;
  --nav-idle: #94A3B8;
  --nav-on: rgba(226, 184, 87, 0.14);
  --pill-on: #0F172A;
  --pill-on-ink: #FFFFFF;

  --m-ronald: #5C7FAB;
  --m-kelly: #8A7BC0;
  --m-hogar: #94A3B8;

  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 28px;
  --gutter: 20px;

  --fs-11: 11px; --fs-12: 12px; --fs-13: 13px; --fs-14: 14px; --fs-16: 16px;
  --fs-17: 17px; --fs-20: 20px; --fs-26: 26px; --fs-40: 40px;

  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-title: "Sora", "Inter", system-ui, sans-serif;

  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #0F172A;
  --surface: #1E293B;
  --border: #2A3850;
  --line: #263449;
  --chip: #172235;
  --ink: #F8FAFC;
  --muted: #94A3B8;
  --link: #E2B857;
  --pos: #34D399;
  --inc: #34D399;
  --exp: #7C8BA1;
  --danger: #F87171;
  --warn-bg: #3A2A12;
  --warn-fg: #F6C27E;
  --nav: #1E293B;
  --pill-on: #F8FAFC;
  --pill-on-ink: #0F172A;
  --m-ronald: #7FA3CC;
  --m-kelly: #AFA2DB;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0F172A;
    --surface: #1E293B;
    --border: #2A3850;
    --line: #263449;
    --chip: #172235;
    --ink: #F8FAFC;
    --muted: #94A3B8;
    --link: #E2B857;
    --pos: #34D399;
    --inc: #34D399;
    --exp: #7C8BA1;
    --danger: #F87171;
    --warn-bg: #3A2A12;
    --warn-fg: #F6C27E;
    --nav: #1E293B;
    --pill-on: #F8FAFC;
    --pill-on-ink: #0F172A;
    --m-ronald: #7FA3CC;
    --m-kelly: #AFA2DB;
    color-scheme: dark;
  }
}