/* ==========================================================================
   GenKeyz — theme tokens
   Current theme: Recital Hall (warm ivory, hammer-felt burgundy, brass)

   To switch themes, edit the values below only — index.html, admin.html and
   lessons.html consume everything through these custom properties and never
   hardcode color/font values of their own.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Young+Serif&family=Karla:ital,wght@0,400;0,500;0,700;1,400&display=swap');

:root{
  /* ---- typography ---- */
  --font-display:'Young Serif',serif;
  --font-body:'Karla',sans-serif;

  /* ---- core palette ---- */
  --ivory:#FBF8F0;       /* page background */
  --ivory-deep:#F1EBDD;  /* lifted fill — available days, slots, form inputs */
  --ebony:#181410;       /* bright emphasis — headings, primary buttons, selected states */
  --ink:#241F19;         /* body text */
  --ink-soft:#6E655A;    /* secondary/muted text */
  --felt:#7A2E31;        /* primary accent — links, focus, dots, hover */
  --felt-dark:#5E2225;   /* accent hover/pressed variant */
  --brass:#B08D4A;       /* secondary accent — tag labels, slot times */
  --line:#DCD3C0;        /* borders */
  --white-key:#FFFFFF;   /* card / panel surface */
  --ok:#2E7D4F;          /* success */
  --radius:10px;         /* corner radius */

  /* ---- piano illustration (kept true-to-life; override to restyle the keyboard itself) ---- */
  --case:#181410;         /* keyboard case + caption bar */
  --case-top:#0B0805;     /* black-key gradient top stop */
  --key-ivory:#FBF8F0;    /* white keys */
  --key-ivory-press:#F1EBDD; /* white key hover/pressed */
  --key-black-press:#2B241D; /* black key hover/pressed */
  --caption-text:#C9AE86; /* kb-caption body text (bold text uses --key-ivory) */

  /* ---- status + component accents ---- */
  --muted:#B9AF9E;         /* past/disabled day + table rows */
  --dot-full:#A89B85;      /* "fully booked" indicator dot */
  --confirm-bg:#EDF3EA;    /* booking-confirmed banner background */
  --confirm-border:#C9DCC6;
  --email-secondary:#9A8F7E; /* "From/To" labels in the email preview header */
  --gridline:#E9E2D1;      /* admin chart gridlines */
  --tooltip-bold:#FFFDF7;  /* admin chart tooltip bold text */
  --shadow-tint:24,20,16;  /* r,g,b triplet — use as rgba(var(--shadow-tint), alpha) */
}