/* theme.css: the editor's look. Ink blue-black, antique gold and pale parchment, after the painted
   panels of Korean MMORPG interfaces: surfaces fade into the background instead of sitting in boxes,
   gold is a hairline rather than a fill, and color is used only where it means something. */
:root {
  --nj-bg: #0d1017;
  --nj-bg-deep: #090b10;
  --nj-surface: rgba(30, 35, 46, 0.55);
  --nj-surface-2: rgba(38, 43, 55, 0.6);
  --nj-surface-3: #262b37;
  --nj-line: rgba(201, 178, 124, 0.26);
  --nj-line-soft: rgba(201, 178, 124, 0.11);
  --nj-text: #d9d3c4;
  --nj-text-strong: #f1ead8;
  --nj-muted: #9b9788;
  --nj-dim: #706e65;
  --nj-gold: #b9a26c;
  --nj-gold-light: #e2d3a6;
  --nj-gold-soft: rgba(201, 178, 124, 0.09);
  --nj-ember: #8f4436;
  --nj-ember-light: #c9745c;
  --nj-ember-soft: rgba(201, 116, 92, 0.1);
  --nj-green: #93ad86;
  --nj-sky: #8ba6c4;
  /* Opaque surfaces for sticky bars and canvases, where a translucent panel would show content through it. */
  --nj-rec-surface: #1a1e28;
  --nj-rec-surface-2: #262b37;
  --nj-rec-bar: #151923;
  --nj-rec-border: #38352f;
  --nj-rec-text: #d9d3c4;
  --nj-canvas-bg: #0d1017;
  --nj-font-display: 'Noto Serif', 'Noto Serif KR', Georgia, 'Times New Roman', serif;
  --nj-font-body: 'Noto Sans', 'Noto Sans KR', -apple-system, 'Segoe UI', Arial, sans-serif;
  /* The hairline that glows in the middle and fades at both ends. */
  --nj-hairline: linear-gradient(90deg, transparent, rgba(226, 211, 166, 0.5) 22%, rgba(226, 211, 166, 0.5) 78%, transparent);
  --nj-rule: linear-gradient(90deg, rgba(201, 178, 124, 0.32), rgba(201, 178, 124, 0.05));
  --nj-smoke: radial-gradient(900px 500px at 78% -6%, rgba(90, 104, 132, 0.2), transparent 70%),
    radial-gradient(800px 600px at 8% 40%, rgba(112, 100, 76, 0.1), transparent 70%),
    radial-gradient(1000px 600px at 60% 110%, rgba(70, 82, 106, 0.16), transparent 70%);
}