/* Agoramores — "casey" theme overrides. Loaded after main.css.
   Every selector here is scoped to body[data-theme-id="casey"].

   ---------------------------------------------------------------------------
   MAXIMALISM — Casey's theme. A standalone (non-month) theme, entered from the
   picker; it is discovered from agCom/.obsidian/themes/casey/ and needs no
   entry in main.js.

   The brief (2026-09-05): "jewel tones, and a maximalist theme, think
   maximalist interior." So the page is a ROOM, not a sky. Walls papered in
   flock damask, a brocade stripe under it, a crown moulding across the top, a
   kilim runner across the foot, and cushions of colour thrown everywhere
   between — more pattern than any one thing needs, which is the whole point
   of the style. Nothing here is minimal on purpose; what keeps it readable is
   that every pattern lives on the .night-sky layer at low alpha, under the
   copy, and the type is set in plain ivory over it.

   THE JEWEL BOX UNDER THE NO-BLUE RULE. DUH/rules/presentation.md bars any
   colour whose blue channel is the brightest (B <= min(R, G)), so the box is
   the warm half of the jeweller's tray only: ruby, garnet, carnelian, citrine,
   topaz, gold leaf, peridot, emerald cut warm, jade, malachite. No sapphire, no
   amethyst, no turquoise, no lapis — every one of those has been re-cut to the
   nearest warm stone. Every literal below was checked against the rule and
   against 4.5:1 on the ground it sits over before it was written down.

   TWO LIGHTINGS. The unmoded block is the room at NIGHT — garnet lacquer
   walls under lamplight, which is the lighting a jewel needs to read as a jewel
   at all. [data-mode="day"] is the same room with the curtains open: saffron
   silk walls, every pigment taken down to an ink so it still carries text on
   the bright ground. Nothing is rearranged between the two; only the light.

   RED IS STILL THE ANCHOR. Ruby leads every ramp, returns in the middle and
   closes each one, so the window frame and every border are red at both ends.
   --------------------------------------------------------------------------- */

body[data-theme-id="casey"] {
  /* The walls: garnet lacquer. Warm red-black, never a neutral — a neutral
     would turn the emerald grey and the gold brown. */
  --tt-bg: #1c0806;
  --tt-bg-alt: #2c100e;
  /* Link-hover paired to THIS block's ground (standing rule 2026-08-14).
     #1c0806 is dark, so the dark value: #FF4947 clears 6.4:1 here. */
  --link-hover: #FF4947;
  --link-hover-glow: 255, 73, 71;

  /* Slot 1 is the body ink and the structural borders. Ivory at the workspace
     ceiling (#f2e6d2, the brightest anything may be), 15.7:1 on the walls. */
  --tt-cyan: #f2e6d2;
  --tt-cyan-soft: #dcc7a1;

  /* The stones. Each one measured on #1c0806. */
  --tt-yellow: #f0c14b;      /* citrine — mark, focus ring        11.4:1 */
  --tt-orange: #e2622a;      /* carnelian — list numerals          5.5:1 */
  --tt-chartreuse: #b5d341;  /* peridot — bold, table heads       11.4:1 */
  --tt-green: #5aa646;       /* emerald, cut warm — italics, tags  6.4:1 */
  --tt-pink: #ff7a5c;        /* coral tourmaline — code            7.5:1 */
  --tt-purple: #c9783a;      /* tiger's eye — accents, :visited    5.7:1 */
  --tt-blue: #a8b25a;        /* jade — the link slot; NOT blue     8.5:1 */
  --tt-teal: #345a30;        /* malachite — scrollbar, dim borders (a mark) */
  --tt-gray: #b39d7f;        /* warm stone — muted text            7.4:1 */
  --tt-gold: #d9ad4c;        /* gold leaf — brand, eyebrow, mark   9.2:1 */
  --tt-red: #e02420;         /* RUBY — the anchor. Frame, pips, borders. */

  /* The card letters itself in gold leaf and the glow is real: in this room
     the gilt is what catches the lamp. */
  --tt-breadcrumb-text: #d9ad4c;
  --tt-breadcrumb-glow: rgba(217, 173, 76, 0.55);
  /* Zodiac glyph halo, checked on THIS ground: citrine at 0.72 traces a
     glyph on garnet; the breadcrumb gold at 0.55 is a shade too dim for a
     character that small. Never a border — see agoraMoresStyle/chips.md. */
  --zodiac-glow: rgba(240, 193, 75, 0.72);
  /* A dark lacquer face: the lit lip of a cut goes below the glyph in black. */
  --tt-engrave: 0 1px 0 rgba(0, 0, 0, 0.62);

  /* The display face. Didones are the engraved-plate lineage — hairline serifs
     and extreme thick/thin, which is exactly what a maximalist room puts over
     the mantel. Headings only (the catalogue in agoraMoresStyle/fonts.md bars
     them from body copy, and --font-text is locked anyway). */
  --font-heading: Didot, "Bodoni 72", "Bodoni MT", "Playfair Display", "Baskerville", Georgia, serif;

  /* ---------------------------------------------------------------------
     THE THREE RAMPS — a brocade, not a rainbow.

     main.css inks the window frame and every border through the first two and
     clips the third to heading text, so these three lines dress the whole
     sheet. Ruby opens, returns in the middle and closes each one (rule 9 of
     the theme card: the ramp closes on the colour it opens with, or two of the
     four window corners show a seam). The stops alternate stone / gold / stone
     the way a woven brocade does — gold thread between every colour. */
  --casey-ornament: var(--tt-gold);
  --tt-heading-rainbow: linear-gradient(90deg, var(--tt-red), var(--casey-ornament), var(--tt-green), var(--casey-ornament), var(--tt-red), var(--casey-ornament), var(--tt-orange), var(--casey-ornament), var(--tt-red));
  --tt-heading-rainbow-vertical: linear-gradient(180deg, var(--tt-red), var(--casey-ornament), var(--tt-green), var(--casey-ornament), var(--tt-red), var(--casey-ornament), var(--tt-orange), var(--casey-ornament), var(--tt-red));
  --tt-heading-text-rainbow: linear-gradient(
    90deg,
    var(--tt-red),
    var(--tt-gold),
    var(--tt-chartreuse),
    var(--tt-gold),
    var(--tt-red),
    var(--tt-orange),
    var(--tt-yellow),
    var(--tt-green),
    var(--tt-red),
    var(--tt-gold),
    var(--tt-chartreuse),
    var(--tt-gold),
    var(--tt-red),
    var(--tt-orange),
    var(--tt-yellow),
    var(--tt-green),
    var(--tt-red)
  );

  --bg: var(--tt-bg);
  --surface: var(--tt-bg-alt);
  --text: var(--tt-cyan);
  --text-soft: var(--tt-cyan-soft);
  --muted: var(--tt-gray);
  --border: var(--tt-red);
  --border-dim: rgba(217, 173, 76, 0.34);
  --border-teal: rgba(52, 90, 48, 0.72);

  background: var(--tt-bg);
  color: var(--tt-cyan);
  color-scheme: dark;
}

/* ---------------------------------------------------------------------------
   THE ROOM. Every layer below sits inside .night-sky, z-index 0, under the
   copy — nothing here can paint over text. The slots are the fixed inventory
   from agoraMoresStyleTheme/scenery-and-weather.md, repurposed:

     .night-sky               the wall — flock damask over a brocade stripe
     .night-sky::before       gilt flecks in the flock (the fine star scatter)
     .night-sky__stars--far   a diamond trellis in emerald (parallax layer 1)
     .night-sky__stars--near  cushions and tapestries — pools of jewel colour
     .night-sky::after        the crown moulding along the ceiling
     .night-sky__aurora       the kilim runner across the foot

   NOTHING MOVES. A room holds still. Every animation main.css hangs on the
   three star layers is switched off here rather than re-coloured, so this
   sheet adds no motion and its reduced-motion story is simply "the same".
   --------------------------------------------------------------------------- */

/* The wall. Two offset damask lattices in gold thread over a garnet-to-oxblood
   wash, with a brocade stripe under both. Alphas are low on purpose: the
   pattern has to read as wallpaper behind a paragraph, not as a paragraph's
   competitor. */
body[data-theme-id="casey"] .night-sky {
  background-color: #1c0806;
  background-image:
    radial-gradient(ellipse at 50% 50%, transparent 0 30%, rgba(217, 173, 76, 0.13) 31% 34%, transparent 35% 42%, rgba(217, 173, 76, 0.07) 43% 45%, transparent 46%),
    radial-gradient(ellipse at 50% 50%, transparent 0 30%, rgba(224, 36, 32, 0.16) 31% 34%, transparent 35% 42%, rgba(217, 173, 76, 0.06) 43% 45%, transparent 46%),
    repeating-linear-gradient(90deg, rgba(224, 36, 32, 0.07) 0 1.4rem, transparent 1.4rem 2.8rem),
    linear-gradient(180deg, #240909 0%, #1c0806 46%, #150504 100%);
  background-size: 11rem 14rem, 11rem 14rem, auto, auto;
  background-position: 0 0, 5.5rem 7rem, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat, no-repeat;
}

/* Gilt flecks in the flock — the fine star scatter, re-cut as metal and held
   still. Only gold and citrine; no ivory, or it reads as stars again. */
body[data-theme-id="casey"] .night-sky::before {
  opacity: 0.85;
  background-image:
    radial-gradient(circle at 18% 26%, rgba(217, 173, 76, 0.8) 0 1px, transparent 1.6px),
    radial-gradient(circle at 74% 16%, rgba(240, 193, 75, 0.7) 0 0.9px, transparent 1.5px),
    radial-gradient(circle at 42% 78%, rgba(217, 173, 76, 0.6) 0 0.9px, transparent 1.4px),
    radial-gradient(circle at 84% 58%, rgba(226, 98, 42, 0.55) 0 0.9px, transparent 1.4px),
    radial-gradient(circle at 57% 35%, rgba(240, 193, 75, 0.5) 0 0.7px, transparent 1.25px);
  animation: none;
}

/* Parallax layer 1: a diamond trellis in emerald thread, the lattice a
   Victorian paper hangs its flowers on. Two 45deg hatchings make the diamonds. */
body[data-theme-id="casey"] .night-sky__stars--far {
  opacity: 1;
  background-image:
    repeating-linear-gradient(45deg, rgba(90, 166, 70, 0.09) 0 2px, transparent 2px 3.6rem),
    repeating-linear-gradient(-45deg, rgba(90, 166, 70, 0.09) 0 2px, transparent 2px 3.6rem);
  background-size: auto, auto;
  background-position: 0 0, 0 0;
  animation: none;
}

/* Parallax layer 2: cushions, throws and tapestries — soft pools of every stone
   in the box, thrown about the room the way a maximalist throws them, and
   held under an alpha that leaves the ivory ink at 4.5:1 through the densest
   pool (the emerald at 0.22 over garnet lands on #23241a; ivory reads 12.9:1
   there). */
body[data-theme-id="casey"] .night-sky__stars--near {
  opacity: 1;
  background-image:
    radial-gradient(ellipse at 12% 22%, rgba(90, 166, 70, 0.22) 0 10%, transparent 26%),
    radial-gradient(ellipse at 88% 18%, rgba(224, 36, 32, 0.24) 0 9%, transparent 24%),
    radial-gradient(ellipse at 76% 70%, rgba(217, 173, 76, 0.18) 0 9%, transparent 24%),
    radial-gradient(ellipse at 18% 78%, rgba(226, 98, 42, 0.2) 0 10%, transparent 26%),
    radial-gradient(ellipse at 50% 46%, rgba(181, 211, 65, 0.1) 0 12%, transparent 30%),
    radial-gradient(ellipse at 94% 46%, rgba(255, 122, 92, 0.16) 0 7%, transparent 20%);
  background-size: auto;
  background-position: 0 0;
  background-repeat: no-repeat;
  animation: none;
}

/* The crown moulding. The free ::after slot, spent as a band of gilt egg-and-
   dart along the ceiling: a row of gold half-rounds over a ruby fillet. */
body[data-theme-id="casey"] .night-sky::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1.4rem;
  z-index: 2;
  background-image:
    radial-gradient(circle at 50% 0, rgba(217, 173, 76, 0.55) 0 0.42rem, transparent 0.5rem),
    linear-gradient(180deg, rgba(224, 36, 32, 0.55) 0 3px, rgba(217, 173, 76, 0.5) 3px 4px, transparent 4px);
  background-size: 1.4rem 1.4rem, auto;
  background-position: 0 0.3rem, 0 0;
  background-repeat: repeat-x, no-repeat;
}

/* The kilim runner across the foot. The shared ground element with July's
   skyline clip cleared, re-woven as horizontal bands of every stone with a
   gilt picture-rail along its top edge. Kept low (8vh) and under a third of
   full strength: it sits behind whatever copy reaches the foot of the window,
   and at 12vh and 0.4 it was competing with a paragraph. */
body[data-theme-id="casey"] .night-sky__aurora {
  display: block;
  left: 0;
  right: 0;
  bottom: -1px;
  height: clamp(3.25rem, 8vh, 5.5rem);
  clip-path: none;
  box-shadow: none;
  background-image:
    linear-gradient(180deg, rgba(217, 173, 76, 0.75) 0 2px, transparent 2px),
    repeating-linear-gradient(
      180deg,
      rgba(224, 36, 32, 0.3) 0 0.6rem,
      rgba(217, 173, 76, 0.24) 0.6rem 0.85rem,
      rgba(90, 166, 70, 0.26) 0.85rem 1.35rem,
      rgba(217, 173, 76, 0.24) 1.35rem 1.6rem,
      rgba(226, 98, 42, 0.26) 1.6rem 2.1rem,
      rgba(28, 8, 6, 0.55) 2.1rem 2.3rem
    ),
    repeating-linear-gradient(90deg, rgba(28, 8, 6, 0.35) 0 0.35rem, transparent 0.35rem 1.4rem);
  background-repeat: no-repeat, repeat, repeat;
}

/* A room has no sky. The named constellations and the fireworks are switched
   off: the constellation rule in main.css keys on data-mode at equal
   specificity, and this sheet loads after it, so this wins on order. */
body[data-theme-id="casey"] .night-sky__constellations,
body[data-theme-id="casey"] .night-sky__fireworks {
  display: none;
}

/* The breadcrumb card sits on lacquer; the bloom off it goes gold rather than
   main.css's phosphor green. */
body[data-theme-id="casey"] .breadcrumb-nav {
  background: rgba(20, 6, 4, 0.8);
  box-shadow: 0 0 18px rgba(217, 173, 76, 0.16);
}

/* Reduced data: the pattern is the cost. Drop the flock, the trellis, the
   cushions and the moulding; keep the wall colour and the runner, which are
   flat paint. Nothing animates in this sheet, so reduced-motion needs no
   entry of its own — the room is already still. */
@media (prefers-reduced-data: reduce) {
  body[data-theme-id="casey"] .night-sky {
    background-image: linear-gradient(180deg, #240909 0%, #1c0806 46%, #150504 100%);
  }
  body[data-theme-id="casey"] .night-sky::before,
  body[data-theme-id="casey"] .night-sky::after,
  body[data-theme-id="casey"] .night-sky__stars--far,
  body[data-theme-id="casey"] .night-sky__stars--near {
    background-image: none;
  }
}

/* Code is a jewel too. main.css hardcodes `code` as ivory on a dark chip and
   the heading glow as July's phosphor green — neither reads a token, so a sheet
   has to restate both. By night the chip keeps its dark well and the glyphs go
   coral (7:1 on the well over garnet); the glow over every heading goes gold,
   which is the lamp catching the gilt. */
body[data-theme-id="casey"] code {
  color: var(--tt-pink);
  border-color: rgba(217, 173, 76, 0.3);
}
body[data-theme-id="casey"] pre code {
  color: var(--tt-cyan);
}
body[data-theme-id="casey"] main h1,
body[data-theme-id="casey"] main h2,
body[data-theme-id="casey"] main h3,
body[data-theme-id="casey"] main h4,
body[data-theme-id="casey"] main h5,
body[data-theme-id="casey"] main h6,
body[data-theme-id="casey"] .heading-section__trigger {
  text-shadow: 0 0 12px rgba(217, 173, 76, 0.28);
}

/* ---------------------------------------------------------------------------
   THE ROOM BY DAY — curtains open.

   Same room, same furniture, sunlight instead of lamplight. The walls go to
   saffron silk (#e2bc5e — a saturated yellow, so it clears the no-white
   ceiling by chroma rather than by being dark) and every stone is taken down
   to an ink so it still carries text on the bright ground: ruby to garnet,
   gold leaf to old gold, emerald to bottle green. All of them measured on
   #e2bc5e — body ink 10.0:1, the muted footer 5.5:1, peridot 4.9:1 as the
   floor of the set.

   Everything contrast-sensitive is set HERE, in the block that sets the
   ground, never keyed on the mode name (data-mode is not a light/dark switch;
   see the switch commentary in main.css).
   --------------------------------------------------------------------------- */
body[data-theme-id="casey"][data-mode="day"] {
  --tt-bg: #e2bc5e;
  --tt-bg-alt: #efd79a;
  /* Link-hover re-paired to THIS block's ground. #e2bc5e is light: the dark
     value #FF4947 would fall to 2.4:1, so the same-hue light-ground value. */
  --link-hover: #BC0900;
  --link-hover-glow: 188, 9, 0;

  --tt-cyan: #2a0c0a;        /* ink — 10.0:1 */
  --tt-cyan-soft: #47201a;   /* 7.8:1 */

  --tt-yellow: #5e4004;      /* citrine as an ink       5.2:1 */
  --tt-orange: #7a250a;      /* carnelian               5.5:1 */
  --tt-chartreuse: #3e5008;  /* peridot                 4.9:1 */
  --tt-green: #2a4f1a;       /* bottle-green emerald    5.2:1 */
  --tt-pink: #7e130e;        /* coral → garnet          5.8:1 */
  --tt-purple: #61300e;      /* tiger's eye             6.0:1 */
  --tt-blue: #414d10;        /* jade — NOT blue         5.1:1 */
  --tt-teal: #2a4a26;        /* malachite               5.5:1 */
  --tt-gray: #5e3a1e;        /* muted                   5.5:1 */
  --tt-gold: #5e4004;        /* old gold as an ink      5.2:1 */
  --tt-red: #8f100e;         /* garnet — the anchor     5.2:1 */

  /* The frame's gold is an ORNAMENT, not an ink: cut for glyphs (#5e4004) it
     turns the middle of every border into a dark hole between two garnet
     corners. This lighter cut measures 3.3:1 on the saffron — clear of the
     3:1 a mark holds to — and sits above garnet in luminance so the ramp
     still brightens toward its gold thread. Only the two border ramps read
     it; the text ramp keeps the ink gold, because clipped to glyphs it is
     type. */
  --casey-ornament: #7f560a;

  --tt-breadcrumb-text: #5e4004;
  --tt-breadcrumb-glow: rgba(94, 64, 4, 0.28);
  /* A halo on a light ground has to be dark to trace a glyph. */
  --zodiac-glow: rgba(143, 16, 14, 0.55);
  /* The engraving flips: on silk the lit lip of a cut is pale, below. */
  --tt-engrave: 0 1px 0 rgba(242, 230, 210, 0.7);

  --bg: var(--tt-bg);
  --surface: var(--tt-bg-alt);
  --text: var(--tt-cyan);
  --text-soft: var(--tt-cyan-soft);
  --muted: var(--tt-gray);
  --border: var(--tt-red);
  --border-dim: rgba(94, 64, 4, 0.4);
  --border-teal: rgba(42, 74, 38, 0.5);

  background: var(--tt-bg);
  color: var(--tt-cyan);
  color-scheme: light;
}

/* The same paper in daylight: the gold thread goes to old gold, the ruby ring
   to garnet, and the wash runs from a sunlit top to a shaded skirting. Only
   background-image is restated, so the tile sizes and offsets above carry. */
body[data-theme-id="casey"][data-mode="day"] .night-sky {
  background-color: #e2bc5e;
  background-image:
    radial-gradient(ellipse at 50% 50%, transparent 0 30%, rgba(127, 86, 10, 0.16) 31% 34%, transparent 35% 42%, rgba(127, 86, 10, 0.08) 43% 45%, transparent 46%),
    radial-gradient(ellipse at 50% 50%, transparent 0 30%, rgba(143, 16, 14, 0.15) 31% 34%, transparent 35% 42%, rgba(127, 86, 10, 0.07) 43% 45%, transparent 46%),
    repeating-linear-gradient(90deg, rgba(143, 16, 14, 0.06) 0 1.4rem, transparent 1.4rem 2.8rem),
    linear-gradient(180deg, #e8c66c 0%, #e2bc5e 46%, #d4ad4e 100%);
}

body[data-theme-id="casey"][data-mode="day"] .night-sky::before {
  background-image:
    radial-gradient(circle at 18% 26%, rgba(127, 86, 10, 0.55) 0 1px, transparent 1.6px),
    radial-gradient(circle at 74% 16%, rgba(143, 16, 14, 0.4) 0 0.9px, transparent 1.5px),
    radial-gradient(circle at 42% 78%, rgba(127, 86, 10, 0.4) 0 0.9px, transparent 1.4px),
    radial-gradient(circle at 84% 58%, rgba(122, 37, 10, 0.35) 0 0.9px, transparent 1.4px),
    radial-gradient(circle at 57% 35%, rgba(127, 86, 10, 0.32) 0 0.7px, transparent 1.25px);
}

body[data-theme-id="casey"][data-mode="day"] .night-sky__stars--far {
  background-image:
    repeating-linear-gradient(45deg, rgba(42, 79, 26, 0.1) 0 2px, transparent 2px 3.6rem),
    repeating-linear-gradient(-45deg, rgba(42, 79, 26, 0.1) 0 2px, transparent 2px 3.6rem);
}

/* The cushions by day. The pools are darker than the ground now, so their
   alphas come down: ink at 10:1 on the bare silk still reads 7.2:1 through
   the densest pool (garnet at 0.18 over saffron lands on #d39d50). */
body[data-theme-id="casey"][data-mode="day"] .night-sky__stars--near {
  background-image:
    radial-gradient(ellipse at 12% 22%, rgba(42, 79, 26, 0.16) 0 10%, transparent 26%),
    radial-gradient(ellipse at 88% 18%, rgba(143, 16, 14, 0.18) 0 9%, transparent 24%),
    radial-gradient(ellipse at 76% 70%, rgba(127, 86, 10, 0.16) 0 9%, transparent 24%),
    radial-gradient(ellipse at 18% 78%, rgba(122, 37, 10, 0.16) 0 10%, transparent 26%),
    radial-gradient(ellipse at 50% 46%, rgba(62, 80, 8, 0.1) 0 12%, transparent 30%),
    radial-gradient(ellipse at 94% 46%, rgba(126, 19, 14, 0.14) 0 7%, transparent 20%);
}

body[data-theme-id="casey"][data-mode="day"] .night-sky::after {
  background-image:
    radial-gradient(circle at 50% 0, rgba(127, 86, 10, 0.55) 0 0.42rem, transparent 0.5rem),
    linear-gradient(180deg, rgba(143, 16, 14, 0.6) 0 3px, rgba(127, 86, 10, 0.55) 3px 4px, transparent 4px);
}

body[data-theme-id="casey"][data-mode="day"] .night-sky__aurora {
  background-image:
    linear-gradient(180deg, rgba(127, 86, 10, 0.85) 0 2px, transparent 2px),
    repeating-linear-gradient(
      180deg,
      rgba(143, 16, 14, 0.34) 0 0.6rem,
      rgba(127, 86, 10, 0.28) 0.6rem 0.85rem,
      rgba(42, 79, 26, 0.3) 0.85rem 1.35rem,
      rgba(127, 86, 10, 0.28) 1.35rem 1.6rem,
      rgba(122, 37, 10, 0.3) 1.6rem 2.1rem,
      rgba(42, 12, 10, 0.36) 2.1rem 2.3rem
    ),
    repeating-linear-gradient(90deg, rgba(42, 12, 10, 0.28) 0 0.35rem, transparent 0.35rem 1.4rem);
}

/* By day the card is a sheet of pale silk on the saffron, lettered in old
   gold (6.7:1 on #efd79a). */
body[data-theme-id="casey"][data-mode="day"] .breadcrumb-nav {
  background: rgba(239, 215, 154, 0.86);
  box-shadow: 0 0 18px rgba(127, 86, 10, 0.18);
}

/* Table heads are peridot-on-ink in main.css (th { color: var(--tt-bg);
   background: var(--tt-chartreuse) }). By day that is saffron on bottle
   peridot, 4.9:1 — it clears, and it is stated here so the pair is on record
   in the block that owns it rather than assumed. */
body[data-theme-id="casey"][data-mode="day"] th {
  color: #e2bc5e;
  background: #3e5008;
}

/* Code by day. main.css's ivory-on-dark chip is 2.6:1 once the chip sits on
   saffron, so the well goes to pale silk and the glyphs to garnet (5.9:1 on
   #efd79a); `pre` takes the same silk. The heading glow is switched off — a
   glow on a light ground is dirt around the letter, not light behind it. */
body[data-theme-id="casey"][data-mode="day"] code {
  color: var(--tt-pink);
  background: rgba(239, 215, 154, 0.7);
  border-color: rgba(94, 64, 4, 0.3);
}
body[data-theme-id="casey"][data-mode="day"] pre {
  background: rgba(239, 215, 154, 0.7);
}
body[data-theme-id="casey"][data-mode="day"] pre code {
  color: var(--tt-cyan);
  background: transparent;
}
body[data-theme-id="casey"][data-mode="day"] main h1,
body[data-theme-id="casey"][data-mode="day"] main h2,
body[data-theme-id="casey"][data-mode="day"] main h3,
body[data-theme-id="casey"][data-mode="day"] main h4,
body[data-theme-id="casey"][data-mode="day"] main h5,
body[data-theme-id="casey"][data-mode="day"] main h6,
body[data-theme-id="casey"][data-mode="day"] .heading-section__trigger {
  text-shadow: none;
}

/* Reduced data by day: same policy as the night block, in this block's paint.
   Lands after the day face at equal weight, so source order settles it. */
@media (prefers-reduced-data: reduce) {
  body[data-theme-id="casey"][data-mode="day"] .night-sky {
    background-image: linear-gradient(180deg, #e8c66c 0%, #e2bc5e 46%, #d4ad4e 100%);
  }
  body[data-theme-id="casey"][data-mode="day"] .night-sky::before,
  body[data-theme-id="casey"][data-mode="day"] .night-sky::after,
  body[data-theme-id="casey"][data-mode="day"] .night-sky__stars--far,
  body[data-theme-id="casey"][data-mode="day"] .night-sky__stars--near {
    background-image: none;
  }
}