/* Promly design tokens: the ONE source of the palette (S288, 28/10/2026).
 *
 * Every page links this file before its own <style>, and its own :root only names roles
 * (--bg, --surf-raised, --accent-text …) in terms of these. Edit a colour HERE and only
 * here. Then run `node .claude/scripts/gen-tokens.mjs`: it regenerates assets/tokens.json
 * (for ads and any non-CSS reader) and lib/tokens.js (for the server: emails), and
 * brand-drift fails the push if either is stale or if docs/brand.yaml disagrees.
 *
 * External on purpose: this file is not inline, so it has no CSP hash. A palette change
 * no longer re-hashes the landing, legal and auth pages.
 *
 * `--x-rgb` is the same colour as bare channels, for alpha: rgba(var(--ink-rgb), .14). Change a colour and its
 * channels together; the generator refuses a pair that disagrees.
 * The council (docs/promly_council_identity_s288.md) decided the order: this file first
 * with zero visual change, the token shift (degree 2) no earlier than ~11/11.
 */
:root {
  /* the warm darks */
  --ink:            #1d1612;   /* the shell, and body text on parchment */
  --ink-soft:       #4a3f2f;
  --ink-muted:      #6b614e;
  --dark-elev-1:    #14100d;   /* the shell one step deeper (night panels, a band between two ink sections) */
  --dark-elev-2:    #1c1714;

  /* the matt */
  --parchment:      #f1e6cb;   /* the bright work surface */
  --parchment-deep: #e8d9b6;
  --cream:          #ece1c8;
  --cream-soft:     #c5b692;
  --cream-muted:    #7a6d54;

  /* the one accent */
  --amber:          #d99551;   /* the safelight: active states and the primary action only */
  --amber-bright:   #f0b06b;
  --amber-deep:     #a06d36;
  --amber-text:     #875424;   /* amber as TEXT on light surfaces: 5.1:1 on parchment (amber-deep is 3.6:1) */

  /* UI state, not brand (kept out of docs/brand.yaml so no red reaches the image models) */
  --danger:         #c04a3c;

  /* channels, for rgba() */
  --ink-rgb:            29, 22, 18;
  --ink-soft-rgb:       74, 63, 47;
  --ink-muted-rgb:      107, 97, 78;
  --parchment-rgb:      241, 230, 203;
  --parchment-deep-rgb: 232, 217, 182;
  --cream-rgb:          236, 225, 200;
  --cream-soft-rgb:     197, 182, 146;
  --cream-muted-rgb:    122, 109, 84;
  --amber-rgb:          217, 149, 81;
  --amber-bright-rgb:   240, 176, 107;
  --amber-deep-rgb:     160, 109, 54;
}
