@import url("https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700&display=swap");
html:root,
html[data-theme="nolis"],
html[data-theme="nolis"][data-color-scheme="light"] {
  --accent: #94e5bf;
  --cyan: #94e5bf;
  --bg: #f8f4f1;
  --text: #001c34;
  --accent-ink: var(--text);
  --cyan-ink: var(--text);
  --font: "Outfit", system-ui, sans-serif;
  --font-display: "Sora", "Outfit", system-ui, sans-serif;
  --font-body: "Outfit", system-ui, sans-serif;
  --theme: nolis;

  /* Alias every UI token to the raw Nolis vars (no color-mix / soft / muted) */
  --bg-elevated: var(--bg);
  --bg-surface: var(--bg);
  --bg-muted: var(--bg);
  --card: var(--bg);
  --panel-head: var(--bg);
  --code-bg: var(--bg);
  --code-fg: var(--text);

  --border: var(--text);
  --border-strong: var(--text);
  --border-hover: var(--text);

  --text-muted: var(--text);
  --text-dim: var(--text);
  --muted: var(--text);

  --accent-hover: var(--accent);
  --accent-soft: var(--accent);
  --accent-glow: transparent;
  --cyan-soft: var(--accent);
  --cyan-glow: transparent;

  --brand: var(--accent);
  --brand-ink: var(--text);

  --ok: var(--text);
  --ok-bg: var(--accent);
  --err: var(--text);
  --err-bg: var(--bg);
  --warn: var(--text);
  --warn-bg: var(--accent);
  --info-bg: var(--accent);
  --error: var(--text);
  --error-bg: var(--bg);

  --checker-a: var(--bg);
  --checker-b: var(--bg);
  --shadow: none;
}

/* Nolis dark — same palette, inverted surfaces */
html[data-theme="nolis"][data-color-scheme="dark"] {
  color-scheme: dark;
  --accent: #94e5bf;
  --cyan: #94e5bf;
  --bg: #001c34;
  --text: #f8f4f1;
  --accent-ink: var(--bg);
  --cyan-ink: var(--bg);

  --bg-elevated: #002844;
  --bg-surface: #002844;
  --bg-muted: #003356;
  --card: #002844;
  --panel-head: #002844;
  --code-bg: #001525;
  --code-fg: var(--text);

  --border: var(--text);
  --border-strong: var(--text);
  --border-hover: var(--accent);

  --text-muted: var(--text);
  --text-dim: var(--text);
  --muted: var(--text);

  --accent-hover: var(--accent);
  --accent-soft: var(--accent);
  --accent-glow: transparent;
  --cyan-soft: var(--accent);
  --cyan-glow: transparent;

  --brand: var(--accent);
  --brand-ink: var(--bg);

  --ok: var(--accent);
  --ok-bg: var(--bg-muted);
  --err: var(--text);
  --err-bg: var(--bg-muted);
  --warn: var(--accent);
  --warn-bg: var(--bg-muted);
  --info-bg: var(--bg-muted);
  --error: var(--text);
  --error-bg: var(--bg-muted);

  --checker-a: var(--bg);
  --checker-b: var(--bg-muted);
  --shadow: none;
}