/* Upsell demo tokens: WITTCHEN copy. Same system as the English demo (graphite on warm paper),
   with WITTCHEN's own near-black and gold from wittchen.com instead of jade and brass. */
:root{
  --font:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --bg:#F4F3EF;
  --surface:#FFFFFF;
  --surface-2:#F9F8F5;
  --surface-3:#ECEAE4;
  --line:#E4E1D9;
  --line-2:#D4D0C6;

  --ink:#141414;
  --ink-2:#3A3A3C;
  --muted:#6B6B6F;
  --dim:#9B9B9E;

  --accent:#7E6A3B;      /* WITTCHEN gold, deepened for text contrast */
  --accent-2:#5F4F2B;
  --accent-soft:#F2EDE0;
  --accent-hi:#CDB57E;   /* gold on the near-black card */
  --on-accent:#FFFFFF;

  --hero:#121212;        /* WITTCHEN near-black */
  --hero-2:#222222;
  --hero-ink:#F6F4EE;
  --hero-muted:#A9A7A1;

  --coin:#9A824C;
  --coin-soft:#F3EEE2;
  --coin-ink:#4E4125;
  --pos:#2F7A4F;  --pos-soft:#E4F0E8;
  --neg:#B0463B;  --neg-soft:#F6E6E3;
  --info:#3D5B8A; --info-soft:#E7ECF4;
  --rose:#9A4D63; --rose-soft:#F3E7EB;

  --r-lg:20px; --r:16px; --r-sm:12px;
  --shadow:0 1px 2px rgba(20,20,20,.04),0 10px 28px -16px rgba(20,20,20,.16);
  --shadow-lg:0 2px 4px rgba(20,20,20,.05),0 24px 48px -20px rgba(20,20,20,.3);
  --ease:cubic-bezier(.16,1,.3,1);

  --confetti:#B49759,#141414,#CDB57E,#7E6A3B,#D4D0C6;
}