/* Forge/Mostly Tiny — per-product accent presets.
   Set data-accent on <html> (or any scope) to retint the WHOLE UI to a product's
   colour. Structure, type and shape stay identical — only the accent changes.
   Imported after colors.css so a product accent also holds in dark mode.

   <html data-accent="indigo">  →  HyperQR
   <html data-accent="blue">    →  Relay
   etc. */

[data-accent="blue"]   { --accent: #5b8def; --accent-hover: #4a7adf; --accent-fg: #fff; --accent-bg-soft: rgba(91, 141, 239, 0.12);  --accent-grad: linear-gradient(135deg, #5b8def, #7c69e0); /* @kind other */ }
[data-accent="indigo"] { --accent: #7c69e0; --accent-hover: #6a55d8; --accent-fg: #fff; --accent-bg-soft: rgba(124, 105, 224, 0.14); --accent-grad: linear-gradient(135deg, #7c69e0, #9385e8); /* @kind other */ }
[data-accent="green"]  { --accent: #2f9e6f; --accent-hover: #268a60; --accent-fg: #fff; --accent-bg-soft: rgba(93, 185, 138, 0.16);  --accent-grad: linear-gradient(135deg, #5db98a, #2f9e6f); /* @kind other */ }
[data-accent="amber"]  { --accent: #c9762f; --accent-hover: #b56826; --accent-fg: #fff; --accent-bg-soft: rgba(232, 158, 91, 0.18);  --accent-grad: linear-gradient(135deg, #e89e5b, #c9762f); /* @kind other */ }
[data-accent="pink"]   { --accent: #cc5f97; --accent-hover: #b94f86; --accent-fg: #fff; --accent-bg-soft: rgba(224, 122, 176, 0.16); --accent-grad: linear-gradient(135deg, #e07ab0, #cc5f97); /* @kind other */ }