/* Imroll colour themes.
   Default (no [data-theme] attribute) = Imroll Blue, defined inline in each page's :root.
   These rules override --accent and the page background per theme. html[data-theme=…]
   has higher specificity than :root, so it wins regardless of stylesheet order. */

html[data-theme="sky"]     {--accent:#0ea5e9}
html[data-theme="sky"]     body{background:radial-gradient(120% 80% at 50% -18%,#e3f3ff 0%,#f6f8fc 44%,#fff 80%) fixed}
html[data-theme="indigo"]  {--accent:#6366f1}
html[data-theme="indigo"]  body{background:radial-gradient(120% 80% at 50% -18%,#ecedff 0%,#f6f7fc 44%,#fff 80%) fixed}
html[data-theme="violet"]  {--accent:#8b5cf6}
html[data-theme="violet"]  body{background:radial-gradient(120% 80% at 50% -18%,#f1ebff 0%,#f7f6fc 44%,#fff 80%) fixed}
html[data-theme="purple"]  {--accent:#a855f7}
html[data-theme="purple"]  body{background:radial-gradient(120% 80% at 50% -18%,#f5ecff 0%,#f8f6fc 44%,#fff 80%) fixed}
html[data-theme="fuchsia"] {--accent:#d946ef}
html[data-theme="fuchsia"] body{background:radial-gradient(120% 80% at 50% -18%,#fbeaff 0%,#fbf5fc 44%,#fff 80%) fixed}
html[data-theme="pink"]    {--accent:#ec4899}
html[data-theme="pink"]    body{background:radial-gradient(120% 80% at 50% -18%,#ffe9f3 0%,#fcf5f8 44%,#fff 80%) fixed}
html[data-theme="rose"]    {--accent:#f43f5e}
html[data-theme="rose"]    body{background:radial-gradient(120% 80% at 50% -18%,#ffe7eb 0%,#fcf4f5 44%,#fff 80%) fixed}
html[data-theme="red"]     {--accent:#ef4444}
html[data-theme="red"]     body{background:radial-gradient(120% 80% at 50% -18%,#ffe8e8 0%,#fcf4f4 44%,#fff 80%) fixed}
html[data-theme="orange"]  {--accent:#f97316}
html[data-theme="orange"]  body{background:radial-gradient(120% 80% at 50% -18%,#ffeede 0%,#fcf6f1 44%,#fff 80%) fixed}
html[data-theme="amber"]   {--accent:#f59e0b}
html[data-theme="amber"]   body{background:radial-gradient(120% 80% at 50% -18%,#fff2d8 0%,#fcf8ef 44%,#fff 80%) fixed}
html[data-theme="lime"]    {--accent:#65a30d}
html[data-theme="lime"]    body{background:radial-gradient(120% 80% at 50% -18%,#eefcd2 0%,#f6fbef 44%,#fff 80%) fixed}
html[data-theme="green"]   {--accent:#10b981}
html[data-theme="green"]   body{background:radial-gradient(120% 80% at 50% -18%,#dffaee 0%,#f2fbf7 44%,#fff 80%) fixed}
html[data-theme="teal"]    {--accent:#14b8a6}
html[data-theme="teal"]    body{background:radial-gradient(120% 80% at 50% -18%,#defaf4 0%,#f1fbf9 44%,#fff 80%) fixed}
html[data-theme="cyan"]    {--accent:#06b6d4}
html[data-theme="cyan"]    body{background:radial-gradient(120% 80% at 50% -18%,#dcf7ff 0%,#f1fafc 44%,#fff 80%) fixed}
html[data-theme="slate"]   {--accent:#64748b}
html[data-theme="slate"]   body{background:radial-gradient(120% 80% at 50% -18%,#eaeef4 0%,#f4f6f9 44%,#fff 80%) fixed}