/* Theme definitions for umuzika-saas — the minimalist washi/sumi system
   (ADR-021). Exactly three pigments exist in the whole app:

     paper (washi)   #f6f1e7 light / #ede7da as ink-theme text
     ink (sumi)      #1e1c19
     vermillion (shu) #bc3f2c — the hanko red, used sparingly

   Every other value is a color-mix() of those three, mapped onto the app's
   token vocabulary so component CSS never names a raw colour.

   Token vocabulary (every theme must define all of these):
   --bg / --bg-raised / --bg-hover   page + surface backgrounds
   --text / --text-dim               primary + secondary text
   --accent / --accent-strong        vermillion + its pressed/hover partner
   --accent-2                        the "solid control" fill (ink pole)
   --accent-3                        quiet pale fill (cover placeholders)
   --danger / --ok                   status colours
   --border                          hairlines
   --surface                         translucent panel fill over --bg
   --paper                           fill that sits on accent/ink solids
   --shadow                          soft shadow colour */

/* 和紙 washi — warm paper, sumi ink, a drop of vermillion (default) */
:root,
html[data-theme="washi"] {
  --bg: #f6f1e7;
  --bg-raised: #fbf8f1;
  --bg-hover: color-mix(in srgb, #1e1c19 6%, #f6f1e7);
  --text: #1e1c19;
  --text-dim: color-mix(in srgb, #1e1c19 60%, #f6f1e7);
  --accent: #bc3f2c;
  --accent-strong: color-mix(in srgb, #bc3f2c 82%, #1e1c19);
  --accent-2: #1e1c19;
  --accent-3: color-mix(in srgb, #1e1c19 8%, #f6f1e7);
  --danger: #bc3f2c;
  --ok: #1e1c19;
  --border: color-mix(in srgb, #1e1c19 16%, transparent);
  --surface: color-mix(in srgb, #1e1c19 4%, transparent);
  --paper: #fbf8f1;
  --shadow: color-mix(in srgb, #1e1c19 8%, transparent);
}

/* mobayilo — the studio's slate + green, remapped onto the washi/sumi
   token structure (quiet mixes, --accent-2 as the solid-control pole).
   Danger stays the family vermillion: green cannot mean "delete". */
html[data-theme="mobayilo"] {
  --bg: #0f172a;
  --bg-raised: #16213a;
  --bg-hover: color-mix(in srgb, #f1f5f9 8%, #0f172a);
  --text: #f1f5f9;
  --text-dim: color-mix(in srgb, #f1f5f9 55%, #0f172a);
  --accent: #22c55e;
  --accent-strong: color-mix(in srgb, #22c55e 80%, #f1f5f9);
  --accent-2: #f1f5f9;
  --accent-3: color-mix(in srgb, #f1f5f9 10%, #0f172a);
  --danger: #d05540;
  --ok: #f1f5f9;
  --border: color-mix(in srgb, #f1f5f9 16%, transparent);
  --surface: color-mix(in srgb, #f1f5f9 4%, transparent);
  --paper: #0f172a;
  --shadow: color-mix(in srgb, #000000 40%, transparent);
}

/* 墨 sumi — the same three pigments, ink-side out */
html[data-theme="sumi"] {
  --bg: #1a1916;
  --bg-raised: #211f1b;
  --bg-hover: color-mix(in srgb, #ede7da 8%, #1a1916);
  --text: #ede7da;
  --text-dim: color-mix(in srgb, #ede7da 55%, #1a1916);
  --accent: #d05540;
  --accent-strong: color-mix(in srgb, #d05540 80%, #ede7da);
  --accent-2: #ede7da;
  --accent-3: color-mix(in srgb, #ede7da 10%, #1a1916);
  --danger: #d05540;
  --ok: #ede7da;
  --border: color-mix(in srgb, #ede7da 16%, transparent);
  --surface: color-mix(in srgb, #ede7da 4%, transparent);
  --paper: #1a1916;
  --shadow: color-mix(in srgb, #000000 40%, transparent);
}