/* ============================================================
 * TIDE v0.1 — 29Court design system · TOKENS            DRAFT
 * "Premium beach, like a beach you swim at."
 *
 * EXTENDS 29Court Design Language v2 (ideas.29court.com/
 * design-system/tokens.css). The brand stays: coral is still
 * the one action/money colour, the --29d-* names still resolve,
 * Melee Night is still the ancestor of dark mode. Tide adds:
 *   - sun-bleached sand neutrals (re-pointing --29d-bg/surface)
 *   - a sea-glass accent ramp + glass panes tinted sea-glass
 *   - late-afternoon light (one long soft shadow, warm hairlines)
 *   - calm motion: ease-out .22,1,.36,1 + gentle springs
 *   - the five live knobs every component reads:
 *       --speed  --bounce  --corner  --density  --accent
 * Dark = night beach: deep navy-ink, moon-sand ink, never #000.
 * Theme: [data-theme] on <html>, shared key sh29core_theme
 * (the Shell's Toggle Law); first visit follows the OS.
 * ============================================================ */
@layer c29.reset, c29.tokens, c29.base, c29.components, c29.utilities, c29.page;

/* ---------- the display face, self-hosted (Rev 7, 2026-10-18) ----------
   --font-display named Nunito from v0.1 but no file ever shipped, so
   every non-Apple surface silently fell back and the claim was stale.
   Nunito now ships WITH the system: variable 200–1000, latin subset,
   SIL OFL 1.1 (fonts/OFL.txt; THIRD-PARTY.md). Quicksand — the old
   second name — is struck for the same reason: named, never shipped,
   not a system font anywhere. The names that remain either ship here
   or are real system faces. font-display:swap keeps text instant on
   the rounded system fallbacks while the file loads, and a consumer
   that does not carry the fonts/ directory renders exactly what it
   renders today. */
@font-face {
  font-family: "Nunito";
  src: url("fonts/nunito-latin.woff2") format("woff2");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- a lad's own faces, self-hosted (2026-10-23) ----------
   Mason Wright's original page set its masthead in Limelight, its
   titles in Marcellus and its body in Jost, loaded from Google
   Fonts. His skin pack names the same stacks; the files ship here
   (SIL OFL 1.1; fonts/OFL.txt; THIRD-PARTY.md) so the stacks render
   his real faces instead of falling through to Georgia — the
   "named, never shipped" failure the Nunito note above records. */
@font-face {
  font-family: "Limelight";
  src: url("fonts/limelight-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Marcellus";
  src: url("fonts/marcellus-latin.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Jost";
  src: url("fonts/jost-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@layer c29.tokens {
:root {
  color-scheme: light dark;

  /* ---------- brand coral (verbatim from v2: the money colour) ---------- */
  --29d-coral-50:#FFF4EE; --29d-coral-100:#FFE4D4; --29d-coral-200:#FFC8A6;
  --29d-coral-300:#FF9E70; --29d-coral-400:#FB7E54; --29d-coral-500:#F46036;
  --29d-coral-600:#C7471F; --29d-coral-700:#B03D1C; --29d-coral-800:#8A3018;
  --29d-on-coral:#FFFFFF;

  /* ---------- sand (sun-bleached neutrals) ---------- */
  --sand-0:  #FFFDF8;   /* foam: raised panes */
  --sand-50: #FBF7EF;   /* dry sand: cards */
  --sand-100:#F5EFE3;   /* page */
  --sand-200:#ECE3D2;   /* wet line: wells */
  --sand-300:#E2D6C0;   /* hairline */
  --sand-400:#CDBEA3;   /* strong hairline */

  /* ---------- sea-glass ---------- */
  --sea-50: #EEF7F4; --sea-100:#DAEFE9; --sea-200:#B9E0D6; --sea-300:#8DCABD;
  --sea-400:#5FB2A3; --sea-500:#3C978A; --sea-600:#2A7C71; --sea-700:#1F6158;

  /* ---------- late-afternoon light ---------- */
  --sun-100:#FCEBD0; --sun-300:#F2C98A; --sun-500:#E7A956;

  /* ---------- ink: ocean slate / driftwood ---------- */
  /* Rev 3 (2026-10-17): --ink-3 darkened #717C81 -> #5C686E — the old
     value sat at 3.74:1 on the page sand, under AA for the system's
     default secondary text (audit F-01; proof matrix in
     TIDE-A11Y-AUDIT-2026-10-17.md §4.3). --ink-faint (--ink-4) is
     DECORATIVE / DISABLED ONLY — never running text (audit F-02). */
  --ink-1:#1E2A30; --ink-2:#46535A; --ink-3:#5C686E; --ink-4:#A3AAAA; --ink-5:#CFD1CC;

  /* ---------- semantic, re-pointed (v2 names keep working) ---------- */
  --29d-bg:var(--sand-100); --29d-surface:var(--sand-50); --29d-raised:var(--sand-0);
  --29d-overlay:var(--sand-0); --29d-sunken:var(--sand-200);
  --29d-text-1:var(--ink-1); --29d-text-2:var(--ink-2); --29d-text-3:var(--ink-3);
  --29d-text-4:var(--ink-4); --29d-text-5:var(--ink-5);
  --29d-border:var(--sand-300); --29d-border-strong:var(--sand-400);
  --29d-teal-600:var(--sea-600); --29d-teal-100:var(--sea-100);
  --29d-green-600:#267A43; --29d-green-100:#DFF3E5;
  --29d-amber-600:#B07414; --29d-amber-100:#FBEFD8;
  /* Rev 5 (2026-10-18): light --29d-red-600 darkened #C8473F -> #BC4038.
     As text (--bad) on --surface sand it sat at 4.44:1, under AA; the
     darker step measures 5.00:1 there and lifts every --bad consumer
     (error ink, is-bad ring, toast dot) at once. Dark red is unchanged:
     #F2837E already passes as text on night surfaces. */
  --29d-red-600:#BC4038;   --29d-red-100:#FBE6E3;

  --bg:var(--29d-bg); --surface:var(--29d-surface); --raised:var(--29d-raised); --sunken:var(--29d-sunken);
  --ink:var(--ink-1); --ink-soft:var(--ink-2); --ink-mute:var(--ink-3); --ink-faint:var(--ink-4);
  --edge:color-mix(in srgb, var(--sand-400) 70%, transparent);
  --edge-soft:color-mix(in srgb, var(--sand-300) 80%, transparent);
  --wash:color-mix(in srgb, var(--ink-1) 5%, transparent);
  --wash-2:color-mix(in srgb, var(--ink-1) 9%, transparent);
  --money:var(--29d-coral-600); --on-money:var(--29d-on-coral);
  --ok:var(--29d-green-600); --warn:var(--29d-amber-600); --bad:var(--29d-red-600);
  --ok-bg:var(--29d-green-100); --warn-bg:var(--29d-amber-100); --bad-bg:var(--29d-red-100);

  /* ---------- text-safe + on-fill pairs (Rev 3, audit F-03/F-08/F-09) ----------
     Fills keep the bright ramps; TEXT on light surfaces uses one step
     darker. Every themed fill ships its on-* token — never pair a
     themed background with a literal foreground. */
  --accent-text: var(--sea-700); --money-text: var(--29d-coral-700);
  --ok-text:#24703F; --warn-text:#8F5C0F; --bad-text:#B23A33;
  --on-ok:#FFFFFF; --on-bad:#FFFFFF;
  /* R18 (TikTok Pattern Library Round 18, 2026-10-27): the over-imagery
     pair for c29-tilegrid (THE SQUARES). Deliberately NOT theme-flipped —
     the dark block below does not re-point either token — because tile
     imagery does not flip with the theme: the stat ink stays white and
     the scrim ink stays near-black in light and dark alike. --scrim-ink
     carries the sheet scrim's own value (#0b1622, tide.css c29-sheet),
     tokenized here so the tilegrid rules name a token, never a literal. */
  --on-image:#FFFFFF; --scrim-ink:#0B1622;
  /* R22 (TikTok Pattern Library Round 22, 2026-10-27): the Create
     offset pair for c29-bottomnav — the cyan and pink layers that
     peek from behind the centre slot's black core (corpus frame
     03; EST translations of the frame's cyan / pink class values).
     Deliberately NOT theme-flipped — the dark block below does not
     re-point either token — because the Create mark is a brand
     mark, not a surface colour: the layers stay cyan and pink in
     light and dark alike (the --on-image precedent above). The
     pink is its own token, not --bad: --bad is darkened for text
     AA in light, and this layer is a graphic fill, never text. */
  --nav-create-a:#25F4EE; --nav-create-b:#FE2C55;
  /* R23 (TikTok Pattern Library Round 23, 2026-10-27): the history
     node pair for c29-histcard — the entry node's fill is a SUBJECT
     colour, sampled in corpus frame 05 at exactly RGB 112 and
     spot-verified in Round 6's re-check, translated here as
     --hist-node (#707070) so no rule carries the literal. Deliberately
     NOT theme-flipped — the dark block below does not re-point it —
     because the node is a subject mark, not a surface colour: its
     white glyph (--on-image) sits at ~4.95:1 on it in both themes.
     --hist-thread is the token translation of the frame's connector
     (1pt at rgba(0,0,0,0.12), Round 6 TOKENS): 12% of the ink token,
     so in dark the same construction yields a 12% light thread —
     house dark rendering, the frame being light only. */
  --hist-node:#707070; --hist-thread:color-mix(in srgb, var(--ink-1) 12%, transparent);
  /* R24 (TikTok Pattern Library Round 24, 2026-10-27): the shared
     rail geometry pair, consumed by BOTH c29-histcard (Round 23,
     migrated this round) and c29-timeline (Round 24) so the rail
     geometry has ONE numeric home: the node size and the thread
     width are defined HERE and nowhere else as values — each
     component's tide.css section consumes them through var() and
     enumerates its derived offsets (thread left / top) as sums of
     these values plus its own row insets in its registry
     contracts. The node FILL's one numeric home remains
     --hist-node above and the thread COLOUR's one home remains
     --hist-thread above; neither is redefined for the timeline.
     Deliberately NOT theme-flipped (the --hist-node rule). */
  --rail-node-size:20px; --rail-thread-width:1px;
  /* R25 (TikTok Pattern Library Round 25, 2026-10-27): the pinned
     composer's send pair for c29-pincomposer. --composer-send is a
     SUBJECT colour — the stacked composer's pale-pink send pill,
     sampled in corpus frame 08 at exactly RGB 254,170,186 and
     spot-verified in Round 6's re-check — translated here so no
     rule carries the literal. --composer-send-active is HOUSE
     DESIGN for the pole the corpus never shows (the pill's form
     with text present is NOT IN CORPUS): a deepened rose of the
     same family, chosen so the pill's white arrow measures
     >=4.5:1 on it (probe-computed in Round 25). Deliberately NOT
     theme-flipped — the dark block below re-points neither token
     — because the send pill is a subject mark, not a surface
     colour (the --hist-node / --nav-create-b precedent). */
  --composer-send:#FEAABA; --composer-send-active:#C9184A;
  --focus-ring:#1F6158; --grab-pill:#8E8C82;
  --player-slot-h: 64px; /* reserved bottom slot while c29-player's mini bar is up; other chrome stands down against <html data-player> (Overlap Gate) */

  /* ---------- glass, tinted sea-glass (modest blur: beach, not tech) ---------- */
  --pane: color-mix(in srgb, var(--sea-50) 62%, transparent);
  --pane-strong: color-mix(in srgb, var(--sand-0) 82%, transparent);
  --pane-edge: color-mix(in srgb, #fff 70%, transparent);
  --pane-blur: 14px;
  --sheen: linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0) 42%);

  /* ---------- light, not shadows ---------- */
  --hair: 0 0 0 1px var(--edge-soft);
  --lift: 0 0 0 1px var(--edge-soft), 0 20px 44px -18px rgba(92,70,40,.22), 0 2px 6px -2px rgba(92,70,40,.08);
  --lift-hi: 0 0 0 1px var(--edge-soft), 0 34px 64px -20px rgba(92,70,40,.30), 0 4px 10px -4px rgba(92,70,40,.10);
  --glow: radial-gradient(120% 80% at 85% -10%, color-mix(in srgb, var(--sun-300) 55%, transparent), transparent 60%),
          radial-gradient(90% 70% at -10% 110%, color-mix(in srgb, var(--sea-200) 55%, transparent), transparent 60%);

  /* ---------- type ---------- */
  --font-ui: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Nunito", ui-rounded, -apple-system, "SF Pro Rounded", "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --fs-cap:12px; --fs-sm:14px; --fs-body:16px; --fs-lg:18px; --fs-xl:22px; --fs-2xl:28px; --fs-3xl:36px;
  --lh-body:1.5; --track-head:-0.02em; --track-cap:.06em;

  /* ---------- the five knobs (inherited; set on any element to tune its subtree) ---------- */
  --speed: 1;          /* 0.5 lazy … 2 brisk. Divides every duration */
  --bounce: .35;       /* 0 critical … 1 lively. Feeds overshoot curve + JS springs */
  --corner: 20px;      /* outer radius; inner = corner - pad (concentric rule) */
  --density: 1;        /* 0.75 compact … 1.25 airy. Scales spacing */
  --accent: var(--sea-600);
  --on-accent: #FFFFFF;
  --accent-soft: color-mix(in srgb, var(--accent) 14%, var(--surface));

  /* ---------- space (4pt, scaled by --density) ---------- */
  --s1:calc(4px * var(--density)); --s2:calc(8px * var(--density)); --s3:calc(12px * var(--density));
  --s4:calc(16px * var(--density)); --s5:calc(20px * var(--density)); --s6:calc(24px * var(--density));
  --s8:calc(32px * var(--density)); --s12:calc(48px * var(--density));
  --tap: 44px;
  --safe-b: env(safe-area-inset-bottom, 0px); --safe-t: env(safe-area-inset-top, 0px);

  /* ---------- radius ---------- */
  --r-sm:10px; --r-md:14px; --r-pill:999px;

  /* ---------- motion ---------- */
  --ease: cubic-bezier(.22,1,.36,1);              /* the wave settling */
  --ease-sheet: cubic-bezier(.32,.72,0,1);         /* iOS sheet */
  --ease-give: cubic-bezier(.24, calc(1 + .5 * var(--bounce)), .38, 1); /* gentle overshoot, tuned by --bounce */
  --d1: calc(160ms / var(--speed)); --d2: calc(220ms / var(--speed));
  --d3: calc(320ms / var(--speed)); --d4: calc(420ms / var(--speed)); --d5: calc(480ms / var(--speed));
  --d-theme: calc(380ms / var(--speed));           /* theme crossfade (2026-10-20): paint only, geometry never rides it */
  --shimmer-period: 3s;                            /* sunlight on water, slow */

  --focus: 0 0 0 2px var(--bg), 0 0 0 4px var(--focus-ring);
}

/* ---------- the motion gate at the token layer (Rev 4 item 5) ----------
   <html data-motion="reduced"> is the one global reduced-motion
   state, resolved by tide.js (stored override > OS). Zeroing the
   duration scale here collapses every CSS-driven duration in the
   system at once; keyframe travel is collapsed by the gated block
   in tide.css, and JS-driven motion checks Tide.reduced(). */
html[data-motion="reduced"] { --d1: 1ms; --d2: 1ms; --d3: 1ms; --d4: 1ms; --d5: 1ms; --d-theme: 1ms; --shimmer-period: 1ms; }

/* ---------- NIGHT BEACH ---------- */
[data-theme="dark"] {
  --sand-0:#1A2C3D; --sand-50:#132233; --sand-100:#0C1824; --sand-200:#08121C;
  --sand-300:rgba(196,214,224,.12); --sand-400:rgba(196,214,224,.22);
  --sea-50:#10302E; --sea-100:#123A37; --sea-200:#1C5550; --sea-600:#62C9B7; --sea-700:#8FDCCD;
  --sun-300:#C08442;
  --ink-1:#EDE7DA; --ink-2:#B9C2C4; --ink-3:#87969E; --ink-4:#5A6B76; --ink-5:#33475A;
  /* Rev 3 dark companions (audit F-03/F-08/F-09/F-13): dark ramps pass
     as text already, so text tokens alias the fills; on-* flip dark. */
  --accent-text: var(--accent); --money-text: var(--money);
  --ok-text: var(--ok); --warn-text: var(--warn); --bad-text: var(--bad);
  --on-ok:#0B2417; --on-bad:#431512; --focus-ring:#8DCABD; --grab-pill:#87969E;
  --29d-coral-600:#FB8B4C; --29d-coral-500:#FFA25E; --29d-coral-700:#FFB37C; --29d-coral-100:#33231A;
  --29d-on-coral:#2A1503;
  --29d-green-600:#62CF95; --29d-green-100:#0F2A20; --29d-amber-600:#F2B04C; --29d-amber-100:#2E2310;
  --29d-red-600:#F2837E; --29d-red-100:#341C1D;
  --edge:rgba(196,214,224,.20); --edge-soft:rgba(196,214,224,.11);
  --wash:rgba(200,225,235,.06); --wash-2:rgba(200,225,235,.10);
  --accent: var(--sea-600); --on-accent:#06201C;
  --pane: rgba(98,201,183,.07); --pane-strong: rgba(19,34,51,.86); --pane-edge: rgba(200,235,240,.14);
  --sheen: linear-gradient(180deg, rgba(220,240,255,.07), rgba(255,255,255,0) 40%);
  --lift: 0 0 0 1px var(--edge-soft), 0 22px 48px -18px rgba(0,6,14,.7), 0 2px 6px -2px rgba(0,6,14,.4);
  --lift-hi: 0 0 0 1px var(--edge-soft), 0 36px 70px -20px rgba(0,6,14,.8), 0 4px 10px -4px rgba(0,6,14,.5);
  --glow: radial-gradient(120% 80% at 85% -10%, rgba(232,220,180,.10), transparent 55%),
          radial-gradient(90% 70% at -10% 110%, rgba(98,201,183,.12), transparent 60%);
}
}

/* ============================================================
 * PROJECT PLEASANT — the channel-home palette (2026-10-21).
 * An innovation project stashed in Tide: a calm sky the whole
 * house hangs on. Day = the reference interface's azure fading
 * to a bright horizon; Dusk = the "super pleasant dark" the
 * Principal ordered — deep warm plum-charcoal, an ember horizon,
 * warm cream ink, never navy, never #000. Pairs are computed,
 * not eyeballed: day ink #14384C sits ≈11:1 on the horizon;
 * dusk ink #F8EDDC sits ≈13:1 on the dusk horizon. Every themed
 * fill ships its on-* partner, per the Rev 3 rule.
 * ============================================================ */
@layer c29.tokens {
:root {
  /* P4 (night loop 2026-10-24): --pl-sky-wash was defined ONLY in the
   * pleasant-tide register (app.css), never on this palette — computed
   * empty on the Principal stage, so every var(--pl-sky-wash,
   * rgba(255,255,255,.4)) consumer (.pl-card, .pl-ep, tour chips, the
   * holder pal, the held wire) fell back to a 40% WHITE wash. In dark
   * that painted light gray-lavender faces under cream ink:
   * pixel-sampled 3.61:1 card titles, 2.71:1 sums, 2.36:1 episode
   * meta (both engines, shots-r4). Values mirror the tide register's
   * own wash so both registers now agree. */
  --pl-sky-wash:rgba(20,50,80,.04);
  --pl-sky-top:#6FB9EC; --pl-sky-mid:#A8DCF7; --pl-sky-low:#E8F8FF;
  --pl-ink:#14384C; --pl-ink-soft:#2E5A74;
  --pl-tile-face:#FBFEFF; --pl-tile-rim:#FFFFFF;
  --pl-tile-ink:#173B4F; --pl-tile-ink-soft:#2E5A74; /* FLEET-6 (Victor's Golden Hour report, 2026-10-25): the old soft #41708C sampled UNDER the 4.5:1 house bar on the tile face in day — in the Golden Hour room the stamp line (12.5px) read 3.90:1 Chromium / 3.94:1 WebKit, the dim line 4.17/4.27, the beats notes 4.16/4.30 and the strip labels 4.07/4.21 (two-cluster pixel reads at 390x844; record: brains projects/pleasant-golden-hour-fix-2026-10-25/FLEET-6-CONTRAST.md). The soft voice now carries the ink-soft depth (#2E5A74 — the value --pl-ink-soft already wears), still a clear step below the full tile ink, and every soft-ink carrier in the shell (ct-dim, ct-stamp, gh-why, gh-row-note, gh-striplabs, tile subs, row subs, panel foot, note meta, search hint) inherits the fix. Dusk's soft (#D9BEA6, sampled 6.6-7.1:1) already passes and is untouched. */
  --pl-bar:rgba(255,255,255,.55); --pl-bar-edge:rgba(255,255,255,.75);
  --pl-orb-face:#FFFFFF; --pl-orb-ink:#1D5C86;
  --pl-badge:var(--29d-coral-600); --pl-on-badge:#FFFFFF;
  --pl-focus:#14507E;
  --pl-glow:rgba(255,217,160,.85);
  --pl-tile-shadow:0 10px 24px -10px rgba(23,66,96,.35), 0 2px 6px -2px rgba(23,66,96,.18);
  /* Fleet 10 (2026-10-25): the day-band ramp for c29-sunarc — the five
   * lights a day passes through, as fills. Decorative fills only:
   * text never sits on a band (labels ride the tile face in --pl-ink /
   * --pl-tile-ink-soft, both ≥4.5:1 there in both themes). */
  --pl-band-night:#2C4A66; --pl-band-dawn:var(--sun-300); --pl-band-day:var(--pl-sky-mid);
  --pl-band-gold:var(--sun-500); --pl-band-dusk:var(--29d-coral-400);
}
[data-theme="dark"] {
  --pl-sky-wash:rgba(160,195,230,.05);
  --pl-sky-top:#120D1D; --pl-sky-mid:#241631; --pl-sky-low:#3A2138;
  --pl-ink:#F8EDDC; --pl-ink-soft:#E3CDB4;
  --pl-tile-face:#2E2138; --pl-tile-rim:#7A5C74;
  --pl-tile-ink:#F8EDDC; --pl-tile-ink-soft:#D9BEA6;
  --pl-bar:rgba(30,20,38,.55); --pl-bar-edge:rgba(255,217,168,.22);
  --pl-orb-face:#3A2A44; --pl-orb-ink:#FFD9A8;
  --pl-badge:var(--29d-coral-500); --pl-on-badge:#2A1503;
  --pl-focus:#FFC98A;
  --pl-glow:rgba(232,140,160,.5);
  --pl-tile-shadow:0 12px 26px -10px rgba(0,0,0,.65), 0 2px 6px -2px rgba(0,0,0,.5);
  /* Fleet 10: dusk companions for the day-band ramp — same five lights,
   * read at night: deep plum night, ember dawn, steel day, lit gold. */
  --pl-band-night:#171126; --pl-band-dawn:#8A5A30; --pl-band-day:#546A8A;
  --pl-band-gold:#D99A4E; --pl-band-dusk:var(--29d-coral-500);
}
}