/**
 * The Cedar Street cart: the same site in a light key (migration 038).
 *
 * The restaurant is dark: a brick room at night. The cart is lunch, outdoors,
 * daylight: the same brand, same orange, same Fraunces, on warm paper. This
 * sheet re-declares the colour tokens for [data-place="cart"], so every shared
 * component follows, and then fixes the handful of places that hard-code dark.
 *
 * Contrast (measured, WCAG AA 4.5:1 for text): --ink 16.0 on a card, --ink-dim
 * 8.3, --ink-faint 6.0, --accent-text 5.8, --accent-2 5.3, --gold 5.5; on the
 * hovered card (--bg-card-hi) every one still clears 4.68. The orange button
 * keeps its near-black label (5.0:1); white on it would be 3.8:1.
 */

:root[data-place="cart"] {
  color-scheme: light;

  --bg-deep:     #efe5d6;
  --bg:          #fbf7f0;
  --bg-band:     #f5eee2;
  --bg-raised:   #ffffff;
  --bg-card:     #ffffff;
  --bg-card-hi:  #f7f0e5;

  --line:        #e4d9c8;
  --line-soft:   #eee5d7;
  --line-strong: #c9b99f;

  /* Ornament only, as on the dark site, but darker so it shows on paper. */
  --gold:         #8f5f17;
  --gold-tint:    rgba(176,122,44,.10);
  --gold-edge:    rgba(176,122,44,.22);
  --gold-edge-hi: rgba(176,122,44,.40);
  --gold-glow:    rgba(176,122,44,.08);

  --accent-text:  #b8391a;
  --accent-hover: #c9431f;
  --accent-2:     #a9540c;

  --ink:       #2a1f19;
  --ink-dim:   #5b4b40;
  --ink-faint: #6f6054;
  --ink-onAccent: #14100d;

  --ok:     #1f7a45;
  --warn:   #9a5b00;
  --danger: #b8322a;
  --info:   #1d62bd;
  --ok-tint:     rgba(31,122,69,.10);   --ok-edge:     rgba(31,122,69,.30);
  --warn-tint:   rgba(154,91,0,.10);    --warn-edge:   rgba(154,91,0,.30);
  --danger-tint: rgba(184,50,42,.09);   --danger-edge: rgba(184,50,42,.30);
  --info-tint:   rgba(29,98,189,.09);   --info-edge:   rgba(29,98,189,.30);
  --accent-tint: rgba(226,84,47,.10);   --accent-edge: rgba(226,84,47,.34);
  --danger-on-tint: #8f2019;
  --data-track: rgba(42,31,25,.10);
  --ok-ink: #ffffff; --warn-ink: #ffffff; --danger-ink: #ffffff; --info-ink: #ffffff;

  background: var(--bg);
}
[data-place="cart"] body { background: var(--bg); color: var(--ink); }
