/* Slicewrite colorways — one accent per system, shared by every page.
   Accents are channel triplets so alpha variants derive without copies:
   rgb(var(--accent-rgb) / .2)                                            */

:root{
  color-scheme:dark;
  --accent-rgb:186 252 113;              /* studio default: lime */
  --ground:#050606;
  --ink:#eef2ee;--soft:#a3ada6;--faint:#6d776f;
  --line:rgb(255 255 255 / .09);--line-strong:rgb(255 255 255 / .18);
  --mono:ui-monospace,"SFMono-Regular",Menlo,monospace;
  --sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif;
  --grid-minor:8px;--grid-major:40px;
  --grid-minor-alpha:.10;--grid-major-alpha:.24;
}

/* Derived tokens are re-resolved on every colorway element, not only :root,
   because var() substitutes at the declaring element and then inherits fixed. */
:root,[data-colorway]{
  --accent:rgb(var(--accent-rgb));
  --accent-soft:rgb(var(--accent-rgb) / .12);
  --accent-line:rgb(var(--accent-rgb) / .34);
  --accent-glow:rgb(var(--accent-rgb) / .55);
}

/* Graph paper: thin minor lines with a brighter major line every 5th. */
.grid-paper{
  background-color:var(--ground);
  background-image:
    linear-gradient(rgb(var(--accent-rgb) / var(--grid-major-alpha)) 1px,transparent 1px),
    linear-gradient(90deg,rgb(var(--accent-rgb) / var(--grid-major-alpha)) 1px,transparent 1px),
    linear-gradient(rgb(var(--accent-rgb) / var(--grid-minor-alpha)) 1px,transparent 1px),
    linear-gradient(90deg,rgb(var(--accent-rgb) / var(--grid-minor-alpha)) 1px,transparent 1px);
  background-size:var(--grid-major) var(--grid-major),var(--grid-major) var(--grid-major),
                  var(--grid-minor) var(--grid-minor),var(--grid-minor) var(--grid-minor);
  background-position:-1px -1px;
}

/* System colorways */
[data-colorway="agent-campus"]  {--accent-rgb:255 197 108}   /* amber      */
[data-colorway="slicewrite-web"]{--accent-rgb:186 252 113}   /* lime       */
[data-colorway="epiphyte"]      {--accent-rgb:72 236 160}    /* mint       */
[data-colorway="proxypilot"]    {--accent-rgb:78 232 226}    /* cyan       */
[data-colorway="repogps"]       {--accent-rgb:104 162 255}   /* signal blue*/
[data-colorway="slicebench"]    {--accent-rgb:178 128 255}   /* violet     */
[data-colorway="gptme"]         {--accent-rgb:255 108 196}   /* magenta    */
[data-colorway="inorbit"]       {--accent-rgb:255 140 72}    /* orange     */
[data-colorway="fernwx"]        {--accent-rgb:124 224 92}    /* fern       */
[data-colorway="voltkit"]       {--accent-rgb:255 228 64}    /* volt       */
[data-colorway="glassroute"]    {--accent-rgb:160 222 255}   /* glass      */