/* tokens.css — dark theme (LensWave) */
:root{
  --bg:rgb(20,20,20);
  --bg-soft:rgb(31,31,31);
  --bg-chip:rgba(255,255,255,.08);
  --bg-selected:rgba(31,31,31,.95);
  --text:rgb(247,247,247);
  --text-2:rgb(200,200,200);
  --text-3:rgb(150,150,150);
  --brand:#4B7DFF;
  /* --- Brand derived scale (tint/shade of #4B7DFF, single accent family) --- */
  --brand-50:#EAF0FF;
  --brand-100:#D4E1FF;
  --brand-200:#AEC6FF;
  --brand-300:#85A6FF;
  --brand-400:#6390FF;
  --brand-600:#3A63DB;
  --brand-700:#2C4CB0;
  --brand-grad:linear-gradient(135deg,#6390FF 0%,#4B7DFF 55%,#3A63DB 100%);
  --brand-glow:rgba(75,125,255,.35);

  /* --- Spacing scale (8pt grid) --- */
  --space-1:4px;
  --space-2:8px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;

  /* --- Typography scale --- */
  --fs-hero:60px;
  --fs-h1:40px;
  --fs-h2:28px;
  --fs-h3:20px;
  --fs-body:16px;
  --fs-caption:13px;
  --lh-hero:1.06;

  /* --- Radius scale --- */
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;

  /* --- Elevation / shadow tokens --- */
  --shadow-sm:0 1px 2px rgba(0,0,0,.30);
  --shadow-md:0 6px 20px rgba(0,0,0,.35);
  --shadow-lg:0 16px 40px rgba(0,0,0,.45);
  --shadow-brand:0 8px 28px rgba(75,125,255,.32);

  --ink:rgb(18,18,18);
  --line:rgba(255,255,255,.08);
  --radius:8px;
  --radius-pill:9999px;
  --shadow:0 4px 12px rgba(0,0,0,.3);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:Inter,"PingFang SC",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;font-size:16px;}

[data-theme="light"]{
  --bg:rgb(245,246,248);
  --bg-soft:rgb(255,255,255);
  --bg-chip:rgba(0,0,0,.06);
  --bg-selected:rgba(255,255,255,.98);
  --text:rgb(24,26,32);
  --text-2:rgb(70,74,84);
  --text-3:rgb(120,124,134);
  --line:rgba(0,0,0,.12);
}

/* P1-84: global focus-visible ring (undo the 11 places that wiped outline:none) */
*:focus-visible{outline:2px solid #4B7DFF !important;outline-offset:2px;border-radius:2px;}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #4B7DFF !important;outline-offset:2px;}

/* P1-83: JetBrains Mono for code/mono surfaces */
:root{
  --font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
}
.mono, code, pre, kbd{font-family:var(--font-mono) !important;}

/* R703: default dark — remove system light override, explicit dark fallback */
html[data-theme="dark"], :root:not([data-theme="light"]) {
  --bg: rgb(20,20,20); --bg-soft: rgb(26,29,40); --text: rgb(247,247,247);
  --text-2: rgb(200,200,200); --text-3: rgb(150,150,150); --line: rgba(255,255,255,.12);
}

/* P1-84: screen-reader-only utility */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* P1-84: skip-to-content link */
a.skip-link{position:absolute;left:-9999px;top:0;background:#4B7DFF;color:#fff;padding:8px 16px;z-index:99999;border-radius:0 0 6px 0;}
a.skip-link:focus{left:0;}

/* P1-83: RTL support for Hebrew (he) */
html[lang="he"]{direction:rtl;}
html[lang="he"] .lw-shell, html[lang="he"] .lw-main{text-align:right;}