/* fulubox themes. Hex values stay; the page uses them as paper, ink, and accent. */

:root,
html[data-theme="plain"] {
  --field: #e8e9e6;
  --ink: #2c3033;
  --accent: #72847a;
  --metal: #72847a;
  --paper: #fbfbfa;
  --line: rgba(44, 48, 51, 0.14);
  --muted: rgba(44, 48, 51, 0.66);
  --panel: #2c3033;
  --panel-text: #fbfbfa;
  --shadow: 0 18px 50px rgba(44, 48, 51, 0.08);
  color-scheme: light;
}

html[data-theme="jade"] {
  --field: #e7e8e6;
  --ink: #443f49;
  --accent: #7a8c86;
  --metal: #c8cacc;
  --paper: #f7f7f6;
  --line: rgba(68, 63, 73, 0.16);
  --muted: rgba(68, 63, 73, 0.68);
  --panel: #443f49;
  --panel-text: #e7e8e6;
  --shadow: 0 18px 50px rgba(68, 63, 73, 0.1);
}

html[data-theme="clay"] {
  --field: #f3ebe6;
  --ink: #283c41;
  --accent: #a46f58;
  --metal: #967456;
  --paper: #fbf7f4;
  --line: rgba(40, 60, 65, 0.14);
  --muted: rgba(40, 60, 65, 0.68);
  --panel: #283c41;
  --panel-text: #f3ebe6;
  --shadow: 0 18px 50px rgba(40, 60, 65, 0.1);
}

[data-show] { display: none; }
html[data-theme="jade"] [data-show="jade"],
html[data-theme="clay"] [data-show="clay"],
html[data-theme="plain"] [data-show="plain"] { display: revert; }