/* Kithara theme — brand tokens over the shared structural base (marketing TDD-A §2
   token contract). The stage is the app's own near-black (#0d1117 family) and its
   steel-blue accent (#4682b4), so the site reads as the same studio the app is,
   lit for the audience. Display face is a warm serif — the kithara is the concert
   lyre, and a score deserves a music-stand typeface; the section lines render
   in the app's own mono. */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 100 900;   /* variable file */
  font-display: swap;
  src: url("fonts/fraunces-latin-var.woff2") format("woff2");
}

@font-face {
  font-family: "Fraunces";
  font-style: italic;
  font-weight: 100 900;   /* variable file */
  font-display: swap;
  src: url("fonts/fraunces-latin-var-italic.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");
}

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

:root {
  --brand-bg:         #0d1117;   /* the app's exact background */
  --brand-bg-deep:    #090d12;   /* deepest panel */
  --brand-surface:    #141b22;   /* the app's panel */
  --brand-surface-2:  #1a232d;   /* the app's raised panel-2 */
  --brand-text:       #d8e0e8;   /* the app's primary text */
  --brand-text-muted: #8b99a7;   /* the app's muted */
  --brand-border:     rgba(139, 153, 167, 0.18);
  --brand-accent:     #5f9fd0;   /* the app's accent-bright, for dark-bg contrast */
  --brand-accent-2:   #a8cbe6;   /* soft steel highlight */
  --brand-glow:       #4682b4;   /* steel blue — the app's exact accent */
  --font-display:     "Fraunces", Georgia, serif;
  --font-body:        "Inter", system-ui, sans-serif;
  --font-mono:        "JetBrains Mono", ui-monospace, monospace;
}