/* Lyramic theme — TDD 21 §2 tokens. Loaded after base.css; tokens only. */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/fraunces-latin-400.woff2") format("woff2");
}

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/fraunces-latin-600.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/inter-latin-400.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/inter-latin-600.woff2") format("woff2");
}

:root {
  --brand-bg:         #131318;   /* warm charcoal */
  --brand-bg-deep:    #0e0e11;
  --brand-surface:    #1b1b22;
  --brand-surface-2:  #232330;
  --brand-text:       #e8e6e1;   /* warm white */
  --brand-text-muted: #8e8c94;
  --brand-border:     rgba(255, 255, 255, 0.08);
  --brand-accent:     #9c8cff;   /* iris violet */
  --brand-accent-2:   #d8d4c8;   /* parchment */
  --brand-glow:       #9c8cff;
  --font-display:     "Fraunces", Georgia, serif;
  --font-body:        "Inter", system-ui, sans-serif;
  --font-mono:        ui-monospace, monospace;   /* no mono on-page — system fallback only (TDD §2) */
}