/* theme.css — colours shared by every OTOMON amplifier page.
   Change the button colour here once and it applies everywhere (public page, admin, export). */
:root{
  --btn:#940303;            /* buttons */
  --btn-hover:#AD1414;      /* button under the mouse */
  --btn-border:#B52B2B;     /* button outline */
  --btn-hover-border:#CC4444;
  --btn-active:#B81A1A;     /* selected button (e.g. current language) */
  --btn-text:#FBF1EE;       /* text on buttons */
  --btn-soft:rgba(148,3,3,.4); /* tube suggestions already in the box */

  /* Amplifier name (white). Great Vibes is a handwritten script: the name is shown as typed
     ("Hibiki", not "HIBIKI"). To go back to the classic capitals use:
       --name-font:"Cormorant Garamond",serif;  --name-case:uppercase;  --name-size:7.5cqw;  */
  --name-font:"Great Vibes","Cormorant Garamond",cursive;
  --name-case:none;

  /* Page title "Amplifier Collection" (English). Vietnamese / Japanese titles keep --serif,
     because Cinzel Decorative has no Vietnamese accents or Japanese characters. */
  --title-font:"Cinzel Decorative","Cormorant Garamond",Georgia,serif;
  --name-size:10.5cqw;      /* % of the panel width; 10.5cqw = 210 px on the 2000 px JPG */
  --sub-size:4.2cqw;        /* sub name, e.g. 響 300II (gold) */

  --bg:#0E0C0A;--panel:#15120F;--raise:#1D1915;--line:#2E2923;
  --ink:#F0EBE3;--gray:#8C857A;--dim:#6E675D;--gold:#C9A45A;--red:#C8252C;
  --serif:"Cormorant Garamond","Noto Serif JP","Noto Serif CJK JP",Georgia,serif;
  --mono:"Space Mono","Noto Sans JP","Noto Sans CJK JP",ui-monospace,monospace;
  --ui:"Noto Sans JP","Noto Sans CJK JP","Segoe UI",system-ui,sans-serif;
  color-scheme:dark;
}