/* ============================================================================
   YORUGI — design-system tokens (Claude Design)
   Yorugi = Museion's original-IP anime & manga house. It is the one brand with
   its OWN world: night-into-light. The void carries everything; INDIGO is the
   night sky it deepens into; MOONLIGHT SILVER (#d8e6ff) is the single lead spark.
   Ember orange is held in reserve for the adventure register only, never the
   everyday accent. A gold node sits at the heart of the seal. No pink, no tritone.
   Green stays the single functional signal (Sovereign LED).
   ============================================================================ */

@font-face{font-family:"Kageya Display";src:url("assets/fonts/KageyaDisplay-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Lunara";src:url("assets/fonts/Lunara-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:"Operara";src:url("assets/fonts/Operara-Regular.ttf") format("truetype");font-display:swap}

:root{
  /* Yorugi's own ground — night-into-light */
  --void:#050509; --indigo-deep:#0c1230; --indigo:#202e6b;
  --surface:#1a2140; --surface-2:#0c1230; --surface-card:rgba(134,169,240,.06);
  --ink:#e9ecf6; --text-1:#eef1fb; --text-2:#c4cbe8; --text-3:#9aa2c8; --text-4:#6b729a;
  --line:rgba(120,132,180,.2); --line-strong:rgba(120,132,180,.34); --line-soft:rgba(120,132,180,.12);
  --sovereign:#7fd9a8;

  /* The accent — moonlight silver, the single spark */
  --accent:#d8e6ff; --accent-deep:#86a9f0; --accent-lift:#eef1fb;
  --grad-accent:linear-gradient(135deg,var(--accent-deep) 0%,var(--accent) 100%); /* moonlight */
  --glow-accent:radial-gradient(60% 60% at 50% 40%,rgba(134,169,240,.24),transparent 70%);

  /* Whisper + reserve */
  --gold-node:#ffc870;                    /* the golden node at the heart of the seal */
  --ember:#ff9a5c; --ember-deep:#e0662f;  /* RESERVE · adventure register only, never everyday */

  /* Status (moonlight-native) */
  --status-live:#86a9f0; --status-pending:var(--gold-node); --status-sealed:#565c82; --status-muted:#565c82;

  /* Type roles — Kageya (night display) + Lunara (moonlight quiet) + Operara (body) */
  --f-display:"Kageya Display","Cormorant Garamond",Georgia,serif; /* the night display — headings, wordmark */
  --f-title:"Lunara",Georgia,serif;                                /* the moonlight quiet / italic register */
  --f-body:"Operara",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --f-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace; /* title-card metadata / timecodes */

  --r:14px; --r-md:8px; --r-sm:4px; --r-pill:999px;
}

.ds{background:var(--void);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(820px 520px at 78% -8%,rgba(134,169,240,.16),transparent 60%),
                   radial-gradient(640px 420px at 6% 108%,rgba(32,46,107,.55),transparent 62%);
  min-height:100%;box-sizing:border-box}
.ds *{box-sizing:border-box}
.ds .eyebrow{font-family:var(--f-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--text-4)}
.ds .muted{color:var(--text-3)}

.btn{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-radius:var(--r-pill);
  padding:11px 22px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:9px}
.btn--primary{background:var(--grad-accent);color:#0c1230;border:none;font-weight:600}
.btn--ghost{background:transparent;color:var(--text-1);border:1px solid var(--line-strong)}
.btn--accent{background:transparent;color:var(--accent-lift);border:1px solid rgba(134,169,240,.55)}
.pill{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-strong);
  border-radius:var(--r-pill);padding:4px 11px;color:var(--text-2);display:inline-flex;align-items:center;gap:7px}
.dot{width:6px;height:6px;border-radius:50%;display:inline-block}
.panel{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(6px)}
.divider{height:1px;background:linear-gradient(90deg,transparent,var(--accent-deep) 40%,var(--accent) 70%,transparent)}