/* ────────────────────────────────────────────────────────────────────────────
   ONE COLOUR, EVERY SCREEN.

   HERS, 14 OCTOBER 2026: "Get the fucking green and gold off. It's disgusting.
   I hate that. What colours are you doing? Everything I see is different"

   She is right twice. The green and gold came off tokens.css, which she never
   chose, and the four screens were running two different worlds — a bright green
   estate and a cream-and-marigold set of pages.

   So: ONE accent, read by every screen, switchable by her, remembered. The world
   below is bare on purpose — white, so the colour is the only colour.
   ──────────────────────────────────────────────────────────────────────────── */
:root,
:root[data-world="pink"] {
	--world:       #FF2D7A; --glow: 255,45,122;
	--world-deep:  #D5005A;
	--world-soft:  #FFEDF4;
	--world-on:    #FFFFFF;
	--sky:         #FFD9E7;
}
:root[data-world="flame"] { --glow:255,74,31; --world:#FF4A1F; --world-deep:#CE2E05; --world-soft:#FFEEE8; --world-on:#FFFFFF; --sky:#FFDCCF; }
:root[data-world="violet"]{ --glow:122,43,245; --world:#7A2BF5; --world-deep:#5A12C9; --world-soft:#F1EAFF; --world-on:#FFFFFF; --sky:#E4D7FF; }
:root[data-world="teal"]  { --glow:0,191,200; --world:#00BFC8; --world-deep:#008E96; --world-soft:#E3FAFB; --world-on:#07323A; --sky:#CFF4F7; }
:root[data-world="red"]   { --glow:245,0,60; --world:#F5003C; --world-deep:#C10030; --world-soft:#FFEAEF; --world-on:#FFFFFF; --sky:#FFD6DE; }

/* her ground is white, never cream, never beige, never a tint of the accent
   strong enough to be a colour of its own */
/* --glow is the radial on her arrival (world.css .gk-open__glow). It lived in
   tokens.css as the marigold 255,159,28 and colour.css never overrode it, so her
   own opening was still glowing gold on 22 October, eight days after she said to
   get the green and gold off. It belongs here, with the rest of her world. */
:root { --ground: #FFFFFF; --ink: #16131A; --signal: var(--world); --signal-deep: var(--world-deep); --on-signal: var(--world-on); }

html, body { background: var(--ground); }

/* the chooser */
.hue {
	position: fixed; right: 1rem; bottom: 1rem; left: auto; transform: none;
	z-index: 40; display: flex; align-items: center; gap: .4rem;
	opacity: .4; transition: opacity .25s ease;
	background: #fff; border: 1.5px solid color-mix(in srgb, var(--ink) 12%, transparent);
	border-radius: 999px; padding: .4rem .55rem;
	box-shadow: 0 10px 34px rgba(20,16,24,.14);
}
.hue:hover, .hue:focus-within { opacity: 1; }
.hue-say { font: 600 .66rem/1 var(--body); letter-spacing: .14em; text-transform: uppercase; color: color-mix(in srgb, var(--ink) 52%, transparent); padding: 0 .3rem 0 .2rem; }
.hue button {
	width: 1.4rem; height: 1.4rem; border-radius: 50%; cursor: pointer;
	border: 2px solid transparent; padding: 0;
}
.hue button[aria-pressed="true"] { border-color: var(--ink); }
.hue input[type="color"] {
	width: 1.4rem; height: 1.4rem; border: 1.5px dashed color-mix(in srgb, var(--ink) 30%, transparent);
	border-radius: 50%; background: transparent; cursor: pointer; padding: 0;
}

/* The way in off her own close. Until this, "Pull one today" led nowhere. */
.la-close__way { margin: 1.8rem 0 0; display: flex; flex-wrap: wrap; gap: .8rem; align-items: center; }
.la-way {
	display: inline-block; text-decoration: none;
	background: var(--world); color: var(--world-on);
	font: 600 1rem/1 var(--body, system-ui);
	padding: 1rem 2.1rem; border-radius: 999px;
}
.la-way:hover { background: var(--world-deep); color: #fff; }
.la-way--quiet {
	background: transparent; color: var(--world-deep);
	padding: 1rem .6rem; text-decoration: underline; text-underline-offset: .25em;
}
.la-way--quiet:hover { background: transparent; color: var(--ink); }