/* The Deep purple palette, chosen by Savas on 25 Sept 2026 over the original machine yellow
   (source: rooney-systems-site/assets/palette.css). Loads after base.css and intake.css and only overrides.
   Beige paper, a deep aubergine signature field that always carries beige text, a lilac second field,
   a near black night. The token name --yellow is kept: it is the signature slot, and it now holds the aubergine.
   The rule: ink never sits on the aubergine, and aubergine never sits on ink (it turns lilac there). */

:root {
  --paper: #EFE8DA;        /* beige page ground */
  --ink: #1C1622;          /* near black, a breath of purple */
  --ink-soft: #4E4658;     /* secondary text */
  --yellow: #3B1C5A;       /* the signature: deep aubergine */
  --steel: #CDBDF0;        /* second field: lilac */
  --night: #1C1622;        /* the night is ink */
  --night-line: #3A3242;
  --night-soft: #B7AEC4;
  --win: #E0D5C0;          /* window body: sand beige */
  --win-field: #F7F2E8;    /* recessed wells: cream */
  --rule: #CDC1AA;
}

/* ================= The shared world (base.css) ================= */

/* ---------- Selection: beige on aubergine, lilac in windows and on the night ---------- */
::selection { background: var(--yellow); color: var(--paper); }
.field-yellow ::selection { background: var(--paper); color: var(--yellow); }
.field-yellow .win ::selection { background: var(--steel); color: var(--ink); }
.field-night ::selection { background: var(--steel); color: var(--ink); }
/* ink blocks outside the fields: lilac selection (aubergine would vanish on ink) */
.win-bar ::selection, .chip-ink ::selection, .btn::selection, .btn ::selection { background: var(--steel); color: var(--ink); }
/* the aubergine footer tag: beige band, aubergine type (same as .field-yellow) */
.pk-foot::selection { background: var(--paper); color: var(--yellow); }
/* the lilac Copy key in the editor bar: a lilac band would vanish, so it inverts to ink with lilac type */
.win .bar-copy::selection { background: var(--ink); color: var(--steel); }

/* ---------- The deep field carries beige, never ink ---------- */
.field-yellow { color: var(--paper); }
.field-yellow :focus-visible { outline-color: var(--paper); }
.field-yellow .win :focus-visible { outline-color: var(--ink); }
/* a paper chip that is hovered (aubergine) while focused keeps its inner ring off ink */
.nav .chip:hover:focus-visible, .nav .chip[aria-current="page"]:focus-visible { outline-color: var(--paper); }
.field-yellow .tag-ink { background: var(--paper); color: var(--yellow); }

/* halftone: lilac dots over a darker aubergine, so the print layer still reads */
.dotpanel { background-image: radial-gradient(color-mix(in srgb, var(--steel) 50%, var(--yellow)) .9px, transparent 1.1px); }

/* ---------- Everything that was ink on yellow becomes beige on aubergine ---------- */
.chip:hover, .chip-ink:hover, .chip[aria-current="page"] { color: var(--paper); }
.btn:hover, .ghost:hover { color: var(--paper); }
.btn.booked[disabled] { color: var(--paper); }
.text-link:hover { color: var(--paper); }
.tag-yellow { color: var(--paper); }
.toast { color: var(--paper); }

/* ---------- Yellow on ink becomes lilac (aubergine would vanish on ink) ---------- */
.field-night :focus-visible { outline-color: var(--steel); }
.nav .chip-ink:focus-visible { outline-color: var(--steel); }
.foot-row a:hover { color: var(--steel); }

/* ================= This page (intake.css) ================= */

/* the aubergine steam reaches the headline's right edge on wide screens: a crisp beige halo keeps ink off the dither */
.i-hero h1 { text-shadow: 3px 0 var(--paper), -3px 0 var(--paper), 0 3px var(--paper), 0 -3px var(--paper), 2px 2px var(--paper), -2px 2px var(--paper), 2px -2px var(--paper), -2px -2px var(--paper); }
/* between about 901 and 1150px the steam also reaches the lede's right side: the same crisp beige halo, 2px at body size */
.i-hero .lede { text-shadow: 2px 0 var(--paper), -2px 0 var(--paper), 0 2px var(--paper), 0 -2px var(--paper), 1px 1px var(--paper), -1px 1px var(--paper), 1px -1px var(--paper), -1px -1px var(--paper); }

/* the package footer tag on paper: aubergine ground, beige type */
.pk-foot { color: var(--paper); }

/* the Copy key on the ink title bar was a yellow block: lilac now, with ink type */
.bar-copy { background: var(--steel); border-color: var(--steel); color: var(--ink); }

/* markdown headings keep the signature highlight, so their type turns beige */
.tok-h { color: var(--paper); }
/* placeholders were yellow type on ink: lilac type */
.tok-var { color: var(--steel); }