:root{
  --brand-primary:#0F172A;
  --brand-on-primary:#FFFFFF;
  --brand-sidebar:#0F172A;
  --brand-highlight:#0062FF;
  --navy:#0F172A;
  --signal:#0062FF;
  --cyan:#0062FF;
  --primary:#0F172A;
  --on-primary:#FFFFFF;
  --interactive:#0062FF;
  --interactive-strong:color-mix(in srgb, #0062FF 80%, black);
  --interactive-soft:color-mix(in srgb, #0062FF 10%, transparent);
  --focus-ring:0 0 0 3px color-mix(in srgb, #0062FF 35%, transparent);
  --bg:#F8FAFC;
  --text:#1E293B;
  --text-strong:color-mix(in srgb, #1E293B 80%, black);
  --rail-bg:#0F172A;
  --rail-text:color-mix(in srgb, #FFFFFF 70%, transparent);
  --rail-text-muted:color-mix(in srgb, #FFFFFF 45%, transparent);
  --rail-text-active:#FFFFFF;
  --rail-active:color-mix(in srgb, #0062FF 24%, transparent);
  --ivr-accent:#0062FF;
  --ivr-accent-soft:color-mix(in srgb, #0062FF 14%, white);
  --radius-control:12px;
  --radius-card:18px;
  --font-heading:"Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
}
:root[data-theme="dark"]{
  --primary:#0F172A;
  --on-primary:#FFFFFF;
  --rail-bg:#0F172A;
  --interactive:#0062FF;
  --interactive-strong:color-mix(in srgb, #0062FF 80%, white);
  --interactive-soft:color-mix(in srgb, #0062FF 16%, transparent);
  --focus-ring:0 0 0 3px color-mix(in srgb, #0062FF 45%, transparent);
}
::selection{background:color-mix(in srgb, #0062FF 35%, transparent);}