/* Integra Comando — fontes locais + tokens de tema (paleta Luna · liquid glass)
   Luna: #A7EBF2 #54ACBF #26658C #023859 #011C40 */
@font-face{font-family:"Inter";src:url("../fonts/inter-latin-var.woff2") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-latin-500.woff2") format("woff2");
  font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url("../fonts/jetbrains-mono-latin-700.woff2") format("woff2");
  font-weight:700;font-style:normal;font-display:swap}

:root{
  --luna-1:#A7EBF2; --luna-2:#54ACBF; --luna-3:#26658C; --luna-4:#023859; --luna-5:#011C40;
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,monospace;
  --radius:16px; --radius-sm:10px; --radius-xs:7px;
  --toque:44px;
}

/* ---------- claro ---------- */
:root,:root[data-theme="light"]{
  color-scheme:light;
  --bg:#e9f3f6;
  --bg-grad:radial-gradient(1200px 700px at 8% -10%,rgba(167,235,242,.75),transparent 60%),
            radial-gradient(900px 600px at 105% 0%,rgba(84,172,191,.28),transparent 60%),
            linear-gradient(180deg,#eef6f8 0%,#e3eef3 100%);
  --glass:rgba(255,255,255,.66);
  --glass-forte:rgba(255,255,255,.86);
  --glass-borda:rgba(255,255,255,.75);
  --panel:#ffffff;
  --panel-2:#eef4f7;
  --line:#c9d8e1;
  --line-soft:#dde8ee;
  --ink:#0b2236;
  --ink-2:#2f4a5e;
  --ink-muted:#4e6475;
  --accent:#26658C;
  --accent-forte:#023859;
  --accent-weak:#d7eef3;
  --accent-ink:#1d5577;
  --on-accent:#ffffff;
  --focus:#023859;
  --ok:#17733a;   --ok-weak:#dcf3e3;
  --warn:#8a5600; --warn-weak:#fbecc9;
  --crit:#b3261e; --crit-weak:#fbe1de;
  --info:#1d5577; --info-weak:#d7eef3;
  --idle:#3f5566; --idle-weak:#e4ecf1;
  --s1:#26658C; --s2:#54ACBF; --s3:#1f8a70; --s4:#b77a00; --s5:#b24f7a;
  --grid:#d3e0e7; --surface-1:#ffffff;
  --shadow:0 1px 2px rgba(2,56,89,.06),0 12px 32px rgba(2,56,89,.10);
  --shadow-sm:0 1px 2px rgba(2,56,89,.06),0 4px 14px rgba(2,56,89,.05);
  --scrim:rgba(1,28,64,.45);
}

/* ---------- escuro ---------- */
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#011228;
  --bg-grad:radial-gradient(1100px 700px at 0% -10%,rgba(38,101,140,.45),transparent 60%),
            radial-gradient(900px 600px at 100% 10%,rgba(84,172,191,.16),transparent 60%),
            linear-gradient(180deg,#011C40 0%,#01142c 100%);
  --glass:rgba(5,40,74,.55);
  --glass-forte:rgba(4,32,62,.88);
  --glass-borda:rgba(167,235,242,.14);
  --panel:#03264a;
  --panel-2:#06305a;
  --line:#1d4b70;
  --line-soft:#143d60;
  --ink:#eaf7fa;
  --ink-2:#c4dde6;
  --ink-muted:#9cbccb;
  --accent:#54ACBF;
  --accent-forte:#A7EBF2;
  --accent-weak:#0b3d5f;
  --accent-ink:#A7EBF2;
  --on-accent:#011C40;
  --focus:#A7EBF2;
  --ok:#6fdc97;   --ok-weak:#0d3a2e;
  --warn:#f3c55a; --warn-weak:#3b3011;
  --crit:#ff9b8f; --crit-weak:#4a1a1d;
  --info:#A7EBF2; --info-weak:#0b3d5f;
  --idle:#b6ccd7; --idle-weak:#0f3657;
  --s1:#54ACBF; --s2:#A7EBF2; --s3:#5fcf9f; --s4:#e8b54a; --s5:#f08cb6;
  --grid:#16436a; --surface-1:#03264a;
  --shadow:0 1px 2px rgba(0,0,0,.35),0 14px 36px rgba(0,0,0,.40);
  --shadow-sm:0 1px 2px rgba(0,0,0,.3),0 6px 18px rgba(0,0,0,.25);
  --scrim:rgba(0,8,20,.6);
}