/* ============================================================
   Lumistead design tokens — vendored from
   Lumistead-Standard/lumistead-tokens.css. Only --accent is
   overridden per app. Tend's signature is warm amber.
   ============================================================ */
:root {
  --bg:        #14110d;
  --bg-2:      #1a1611;
  --panel:     #211b15;
  --panel-2:   #271f18;
  --line:      rgba(255, 226, 189, 0.10);
  --line-2:    rgba(255, 226, 189, 0.16);

  --ink:       #f3e9da;
  --ink-soft:  #cdbfad;
  --ink-mute:  #9a8c79;
  --ink-faint: #6f6555;

  --ember:     #ffb15c;
  --ember-2:   #ff7e4d;
  --glow:      #ffd9a0;
  --cool:      #8fd7e6;
  --accent:    #f2a44e;   /* ← Tend: warm amber */

  --ok:        #9bd17a;
  --warn:      #ffc861;
  --danger:    #ff7a6b;

  --radius:    20px;
  --radius-sm: 13px;
  --maxw:      720px;

  --shadow:      0 24px 60px -28px rgba(0,0,0,0.85);
  --shadow-glow: 0 0 0 1px var(--line), 0 30px 70px -34px rgba(0,0,0,0.9);

  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans:    'Space Grotesk', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);

  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
}

.lumi-bg { background: var(--bg); color: var(--ink); font-family: var(--font-sans); }
.lumi-bg::before {
  content: ''; position: fixed; inset: 0; z-index: -2;
  background:
    radial-gradient(900px 600px at 12% -8%, rgba(255, 137, 70, 0.16), transparent 60%),
    radial-gradient(820px 560px at 92% 4%, rgba(143, 215, 230, 0.08), transparent 58%),
    radial-gradient(1100px 700px at 50% 116%, rgba(255, 160, 84, 0.10), transparent 62%),
    var(--bg);
}