/* GENERATED oleh deploy/sync-portal-tokens.py dari token core (public/assets/style.css). JANGAN diedit tangan. */
:root{
  --bg:#F3F5F7; --surface:#FFFFFF; --surface-raised:#F6F8FA; --border:#DBDBDC;
  --text:#222222; --text-muted:#616161;
  --brand:#26A3DD; --brand-dark:#1A89C9; --brand-light:#70C3E9; --electric:#194BFF; --brand-red:#FF1414;
  --accent:#006AAE; --accent-soft:rgba(38,163,221,0.12);
  --ok:#1A7041; --ok-soft:rgba(30,123,70,0.12);
  --warn:#8F5C04; --warn-soft:rgba(143,92,4,0.13);
  --crit:#C21D28; --crit-soft:rgba(211,32,43,0.10);
  --info:#616161; --info-soft:rgba(97,97,97,0.10);
  --on-solid:#FFFFFF; --border-strong:#8A8F94;
  --shadow:0 1px 2px rgba(20,30,45,0.05), 0 10px 28px rgba(20,30,45,0.06);
  --radius-s:8px; --radius-m:12px;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0B0E11; --surface:#14181D; --surface-raised:#1C2127; --border:#2A3037;
    --text:#F3F3F3; --text-muted:#A0A8B0;
    --brand:#26A3DD; --brand-dark:#1A89C9; --brand-light:#70C3E9; --electric:#3D63FF; --brand-red:#FF4B4B;
    --accent:#70C3E9; --accent-soft:rgba(38,163,221,0.16);
    --ok:#3DD68C; --ok-soft:rgba(61,214,140,0.14);
    --warn:#F5B942; --warn-soft:rgba(245,185,66,0.15);
    --crit:#FF5B5F; --crit-soft:rgba(255,91,95,0.16);
    --info:#A0A8B0; --info-soft:rgba(160,168,176,0.14);
    --on-solid:#0B0E11; --border-strong:#66707A;
    --shadow:0 1px 2px rgba(0,0,0,0.35), 0 14px 34px rgba(0,0,0,0.4);
  }
}
:root[data-theme="dark"]{
    --bg:#0B0E11; --surface:#14181D; --surface-raised:#1C2127; --border:#2A3037;
    --text:#F3F3F3; --text-muted:#A0A8B0;
    --brand:#26A3DD; --brand-dark:#1A89C9; --brand-light:#70C3E9; --electric:#3D63FF; --brand-red:#FF4B4B;
    --accent:#70C3E9; --accent-soft:rgba(38,163,221,0.16);
    --ok:#3DD68C; --ok-soft:rgba(61,214,140,0.14);
    --warn:#F5B942; --warn-soft:rgba(245,185,66,0.15);
    --crit:#FF5B5F; --crit-soft:rgba(255,91,95,0.16);
    --info:#A0A8B0; --info-soft:rgba(160,168,176,0.14);
    --on-solid:#0B0E11; --border-strong:#66707A;
    --shadow:0 1px 2px rgba(0,0,0,0.35), 0 14px 34px rgba(0,0,0,0.4);
}
:root[data-theme="light"]{ color-scheme: light; }
:root{ --ease:cubic-bezier(.2,.7,.2,1); --ring:0 0 0 3px var(--accent-soft); --grad-brand:linear-gradient(135deg,#194BFF 0%,#26A3DD 100%); }