/* GENERATED by scripts/gen-themes-css.ts from schemas/themes.ts and every
 * instance's declared `themes` directory — do not hand-edit.
 *
 * Every value here is a NAMED ROLE (--fa-sticky-surface, -ink, -edge, -accent),
 * never a colour name, so a rule reads as what it does and a theme swap touches
 * this file only. Run `bun run cat themes:css` after editing a theme node;
 * `themes:css:check` fails the build when this is stale.
 *
 * A theme sets the priority stripe's HUE and never its width: the stripe is a
 * width as well as a colour because colour alone carrying a signal fails
 * WCAG SC 1.4.1, and no theme has a field with which to remove the other
 * channel.
 */

/* Pale sage — The default. Matches the staging banner. */
[data-fa-sticky-theme="pale-sage"] {
  --fa-sticky-surface: #e9efe6;
  --fa-sticky-ink: #1c211b;
  --fa-sticky-edge: #c3cebe;
  --fa-sticky-accent: #6f8c64;
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Pale sage — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="pale-sage"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Pale sage — card layout, for a dense board. */
[data-fa-sticky-theme="pale-sage"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Pale sage, fading — The sage with a soft vertical gradation. */
[data-fa-sticky-theme="pale-sage-fade"] {
  --fa-sticky-surface: #e9efe6;
  --fa-sticky-ink: #1c211b;
  --fa-sticky-edge: #c3cebe;
  --fa-sticky-accent: #6f8c64;
  --fa-sticky-grad-from: #eef3ec;
  --fa-sticky-grad-to: #dde7d9;
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Pale sage, fading — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="pale-sage-fade"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Pale sage, fading — card layout, for a dense board. */
[data-fa-sticky-theme="pale-sage-fade"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Dusty Carolina blue */
[data-fa-sticky-theme="dusty-carolina"] {
  --fa-sticky-surface: #e3ebf2;
  --fa-sticky-ink: #181e25;
  --fa-sticky-edge: #b9c8d6;
  --fa-sticky-accent: #5b82a6;
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Dusty Carolina blue — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="dusty-carolina"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Dusty Carolina blue — card layout, for a dense board. */
[data-fa-sticky-theme="dusty-carolina"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Dusty Carolina blue, fading — The blue with a soft vertical gradation. */
[data-fa-sticky-theme="dusty-carolina-fade"] {
  --fa-sticky-surface: #e3ebf2;
  --fa-sticky-ink: #181e25;
  --fa-sticky-edge: #b9c8d6;
  --fa-sticky-accent: #5b82a6;
  --fa-sticky-grad-from: #eaf1f6;
  --fa-sticky-grad-to: #d5e2ed;
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Dusty Carolina blue, fading — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="dusty-carolina-fade"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Dusty Carolina blue, fading — card layout, for a dense board. */
[data-fa-sticky-theme="dusty-carolina-fade"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Grumpy cat — Warm greys and a sage accent, after the mark. */
[data-fa-sticky-theme="grumpy-cat"] {
  --fa-sticky-surface: #edeae4;
  --fa-sticky-ink: #221f1b;
  --fa-sticky-edge: #cbc5bb;
  --fa-sticky-accent: #7d8a6e;
  --fa-sticky-scrim: rgba(237, 234, 228, 0.82);
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Grumpy cat — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="grumpy-cat"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Grumpy cat — card layout, for a dense board. */
[data-fa-sticky-theme="grumpy-cat"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Grumpy cyborg agents — Cloud cream and a harness teal, behind the cat on the sled and the four robot cats pulling it. */
[data-fa-sticky-theme="grumpy-cyborg-agents"] {
  --fa-sticky-surface: #fbf9ef;
  --fa-sticky-ink: #1c2a24;
  --fa-sticky-edge: #c5cdc3;
  --fa-sticky-accent: #2f7a80;
  --fa-sticky-scrim: rgba(251, 249, 239, 0.82);
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Grumpy cyborg agents — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="grumpy-cyborg-agents"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Grumpy cyborg agents — card layout, for a dense board. */
[data-fa-sticky-theme="grumpy-cyborg-agents"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* CatBootstrap — Desert sand and sienna — the frontier at the start of the trail. */
[data-fa-sticky-theme="bootstrap"] {
  --fa-sticky-surface: #f4f0e6;
  --fa-sticky-ink: #26211a;
  --fa-sticky-edge: #d8cdb6;
  --fa-sticky-accent: #b1683c;
  --fa-sticky-scrim: rgba(244, 240, 230, 0.82);
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* CatBootstrap — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="bootstrap"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* CatBootstrap — card layout, for a dense board. */
[data-fa-sticky-theme="bootstrap"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Grumpy cat, operations — Steel and blueprint blue — building the thing, and running it. */
[data-fa-sticky-theme="operations"] {
  --fa-sticky-surface: #edf0f3;
  --fa-sticky-ink: #1a2129;
  --fa-sticky-edge: #ccd4db;
  --fa-sticky-accent: #3f6d9e;
  --fa-sticky-scrim: rgba(237, 240, 243, 0.82);
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Grumpy cat, operations — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="operations"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Grumpy cat, operations — card layout, for a dense board. */
[data-fa-sticky-theme="operations"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Grumpy cat, engineering — The cloud cream and a working green, behind the cat in a hi-vis vest. */
[data-fa-sticky-theme="engineer"] {
  --fa-sticky-surface: #fdfbef;
  --fa-sticky-ink: #1f2a24;
  --fa-sticky-edge: #c9cfc4;
  --fa-sticky-accent: #5a6b5c;
  --fa-sticky-scrim: rgba(253, 251, 239, 0.82);
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Grumpy cat, engineering — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="engineer"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Grumpy cat, engineering — card layout, for a dense board. */
[data-fa-sticky-theme="engineer"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Grumpy cat, librarian — Storm slate and a cool cream, behind the cat with the books. */
[data-fa-sticky-theme="library"] {
  --fa-sticky-surface: #e8e8e0;
  --fa-sticky-ink: #1c2630;
  --fa-sticky-edge: #c2ccd4;
  --fa-sticky-accent: #5c7484;
  --fa-sticky-scrim: rgba(232, 232, 224, 0.82);
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Grumpy cat, librarian — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="library"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Grumpy cat, librarian — card layout, for a dense board. */
[data-fa-sticky-theme="library"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Grumpy cat, analyst — Daylight cream and a working blue, behind the cat with the charts. */
[data-fa-sticky-theme="analyst"] {
  --fa-sticky-surface: #f2f2e8;
  --fa-sticky-ink: #1e2a3a;
  --fa-sticky-edge: #cbd6e2;
  --fa-sticky-accent: #2f6ea8;
  --fa-sticky-scrim: rgba(242, 242, 232, 0.82);
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Grumpy cat, analyst — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="analyst"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Grumpy cat, analyst — card layout, for a dense board. */
[data-fa-sticky-theme="analyst"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* Grumpy cat, architecture — Cloud cream and a drafting slate, behind the cat with the rolled drawings. */
[data-fa-sticky-theme="architecture"] {
  --fa-sticky-surface: #fdfbf0;
  --fa-sticky-ink: #1a372d;
  --fa-sticky-edge: #a6aea8;
  --fa-sticky-accent: #6a7c73;
  --fa-sticky-scrim: rgba(253, 251, 240, 0.86);
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* Grumpy cat, architecture — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="architecture"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* Grumpy cat, architecture — card layout, for a dense board. */
[data-fa-sticky-theme="architecture"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* High contrast, light — Black on white. No gradation, by design. */
[data-fa-sticky-theme="high-contrast-light"] {
  --fa-sticky-surface: #ffffff;
  --fa-sticky-ink: #000000;
  --fa-sticky-edge: #000000;
  --fa-sticky-accent: #000000;
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* High contrast, light — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="high-contrast-light"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* High contrast, light — card layout, for a dense board. */
[data-fa-sticky-theme="high-contrast-light"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* High contrast, dark — White on black. No gradation, by design. */
[data-fa-sticky-theme="high-contrast-dark"] {
  --fa-sticky-surface: #000000;
  --fa-sticky-ink: #ffffff;
  --fa-sticky-edge: #ffffff;
  --fa-sticky-accent: #ffffff;
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* High contrast, dark — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="high-contrast-dark"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* High contrast, dark — card layout, for a dense board. */
[data-fa-sticky-theme="high-contrast-dark"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* IRIS note — The IRIS palette on a sticky note — derived from iris-web, itself measured from the captured DSpace stylesheet. [declared by instance who-iris] */
[data-fa-sticky-theme="iris-sticky"] {
  --fa-sticky-surface: #ffffff;
  --fa-sticky-ink: #212529;
  --fa-sticky-edge: #ced4da;
  --fa-sticky-accent: #008dc9;
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}

/* IRIS note — mobile layout. A phone sticky is not a laptop one scaled down. */
@media (max-width: 40rem) {
  [data-fa-sticky-theme="iris-sticky"] {
    --fa-sticky-min-width: 100%;
    --fa-sticky-padding: 0.8em 0.9em;
    --fa-sticky-font-scale: 1.05;
  }
}

/* IRIS note — card layout, for a dense board. */
[data-fa-sticky-theme="iris-sticky"][data-fa-sticky-layout="card"] {
  --fa-sticky-min-width: 13rem;
  --fa-sticky-padding: 0.6em 0.7em;
  --fa-sticky-font-scale: 0.95;
}

/* The default, applied when nothing has selected a theme. A board with no
 * theme attribute must still render: an unthemed sticky is a state, not an
 * error, and leaving it unstyled would make "no selection yet" look broken. */
.fa-sticky-board:not([data-fa-sticky-theme]) {
  --fa-sticky-surface: #e9efe6;
  --fa-sticky-ink: #1c211b;
  --fa-sticky-edge: #c3cebe;
  --fa-sticky-accent: #6f8c64;
  --fa-sticky-min-width: 17rem;
  --fa-sticky-padding: 0.7em 0.8em;
  --fa-sticky-font-scale: 1;
}