/* Piano Practice: "starlit synth panel" tokens (deep night panels, moonlight and indigo accents, no fire colours).
   The four JUDGING colours are NOT defined here. Keep them exactly as they are in style.css
   (--ok #22c55e / --ok-key #4ade80, --soft #a3c41a / --soft-key #dcef8f, --loud #f2a516, --wrong #f05252 / --wrong-key #ef4444, --target #3b82f6). */
@font-face{font-family:"Barlow Semi Condensed";font-weight:500;font-display:swap;src:url("fonts/BarlowSemiCondensed-Medium.woff") format("woff")}
@font-face{font-family:"Barlow Semi Condensed";font-weight:600;font-display:swap;src:url("fonts/BarlowSemiCondensed-SemiBold.woff") format("woff")}
:root{
  /* surfaces (deep night with a faint indigo cast) */
  --bg:#0b0d15; --bg-glow:#1a1d33;
  --panel-top:#1d2031; --panel-bot:#151826;      /* raised panel gradient */
  --inset:#101220;                               /* secondary strip inside a panel (Avenger-style darker row) */
  --well:#0a0b12;                                /* recessed: sliders, switch tracks, segmented control, lanes */
  --edge:#06070c;                                /* outer 1px dark line */
  --hi:rgba(255,255,255,.07);                    /* top inner highlight */
  --groove-dark:#07080e; --groove-light:rgba(255,255,255,.05);   /* divider = 2 stacked 1px lines */
  /* text (contrast on panel-top / panel-bot / well, all >= 4.5:1) */
  --ink:#ecebf3;        /* 12.5 / 13.8 / 15.7 */
  --label:#c0c1d3;      /* 7.8 / 8.6 / 9.8   knob and section labels */
  --muted:#a3a5ba;      /* 6.3 / 6.9 / 7.9   hints, tick numbers */
  /* accents */
  --cream:#eeebf7;  /* moonlight */      /* knob indicator line, switch lever, tick marks (12:1) */
  --accent:#8a98ff;     /* value arc, focus ring, active LED (5.9:1 on panel) */
  --accent-deep:#4b5bd8;/* primary button face (white text 5.5:1) */
  --brass:#b8995a; --brass-hi:#d7bd7e; /* David asked for gold tabs: muted antique brass, section tabs only (dark text #1a1405, 7:1+), never near keys, bars or staff; much duller than amber #f2a516 */
  --moonstone:#b7b4e8;/* small section tabs, moon marks, rune strip (dark text #14142a) */
  /* knob */
  --cap-top:#4b4e63; --cap-mid:#2b2d3d; --cap-bot:#1a1b27;
  /* shadows */
  --sh-panel:0 10px 24px rgba(0,0,0,.45), 0 2px 4px rgba(0,0,0,.4);
  --sh-raised:0 3px 6px rgba(0,0,0,.5), 0 1px 1px rgba(0,0,0,.6);
  --sh-pressed:0 1px 2px rgba(0,0,0,.5);
  --r-panel:14px; --r-btn:10px;
  /* type */
  --font-ui:"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;      /* body, same as now */
  --font-label:"Barlow Semi Condensed","Segoe UI",system-ui,sans-serif;  /* knob labels, section tabs, buttons (uppercase .06em) */
  /* motion */
  --ease-soft:cubic-bezier(.22,.61,.36,1);
}

/* ---- stone + vellum update (textures/) ---- */
:root{
  --stone:#27304a; /* base blue stone; real surface comes from textures/stone-tile.jpg */
  --stone-tile:url("textures/stone-tile.jpg");
  --vellum:url("textures/vellum-staff.jpg");
  --vellum-ink:#2a1f14;        /* staff lines and notes on vellum: 12:1 on the lightest vellum */
}