/* Sistema Upshot — cores. :root = tema escuro (a marca nasce no escuro). */
:root{
  /* neutros — todos puxados para o azul da marca, nenhum cinza puro */
  --ink-900:#05070D;
  --ink-800:#0C121D;
  --ink-700:#141C2B;
  --line:#1F2A3C;
  --line-soft:#161F2E;
  /* azul Upshot */
  --blue-300:#7BB8FF;
  --blue-400:#5BA4FF;
  --blue-500:#2B7FFF;
  --blue-700:#0E58CC;
  --blue-900:#0A2A66;
  --glow:rgba(43,127,255,.30);
  /* texto */
  --text:#F2F6FC;
  --muted:#98A6BD;
  --faint:#63748F;
  --on-accent:#FFFFFF;
  /* semânticos (sinal — só para estado, nunca para decorar) */
  --ok:#2ED47A;
  --warn:#FFB020;
  --bad:#FF5C5C;
  /* dados / gráficos */
  --d1:#2B7FFF; --d2:#7BB8FF; --d3:#1FB6C9; --d4:#8B5CF6; --d5:#2ED47A;
  /* superfícies compostas */
  --surface:var(--ink-800);
  --raised:var(--ink-700);
  --ground:var(--ink-900);
  --code-bg:#0A101B;
  --scrim:linear-gradient(180deg,rgba(5,7,13,0) 0%,rgba(5,7,13,.72) 62%,rgba(5,7,13,.94) 100%); /* @kind other */
  --shadow-1:0 1px 2px rgba(0,0,0,.5);
  --shadow-2:0 12px 32px -12px rgba(0,0,0,.75);
  --shadow-accent:0 10px 30px -10px rgba(43,127,255,.55);
  /* aliases semânticos */
  --surface-page:var(--ground);
  --surface-card:var(--raised);
  --surface-band:var(--surface);
  --text-body:var(--text);
  --text-muted:var(--muted);
  --text-faint:var(--faint);
  --border:var(--line);
  --accent:var(--blue-500);
  --accent-hover:var(--blue-400);
  --accent-deep:var(--blue-700);
  --btn-primary-bg:linear-gradient(180deg,var(--blue-500) 0%,var(--blue-700) 100%);
  --btn-primary-bg-hover:linear-gradient(180deg,var(--blue-400) 0%,var(--blue-500) 100%);
}
:root[data-theme="light"]{
  --ink-900:#FFFFFF; --ink-800:#F6F8FC; --ink-700:#EDF1F8;
  --line:#DCE3EF; --line-soft:#E8EDF6;
  --blue-300:#0B4FCC; --blue-400:#1257D6; --blue-500:#1668E3; --blue-700:#0E58CC; --blue-900:#D9E6FF;
  --glow:rgba(43,127,255,.16);
  --text:#0F1729; --muted:#5A6A83; --faint:#8492A8; --on-accent:#FFFFFF;
  --ok:#116B43; --warn:#8A5300; --bad:#C1362F;
  --d1:#1668E3; --d2:#0B4FCC; --d3:#0E7C8B; --d4:#6D3FE0; --d5:#116B43;
  --code-bg:#0F1729;
  --scrim:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.75) 62%,rgba(255,255,255,.95) 100%); /* @kind other */
  --shadow-1:0 1px 2px rgba(15,23,41,.08);
  --shadow-2:0 14px 34px -16px rgba(15,23,41,.28);
  --shadow-accent:0 10px 26px -12px rgba(22,104,227,.45);
}