/* Upsell demo: design tokens shared by the seller app (index.html) and the owner console
   (admin.html). "Graphite, jade and brass" on warm paper. A client copy of the demo changes
   its look here and only here: override --accent* (and --hero if the brand is not dark). */
:root{
  --font:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --bg:#F3F2EE;          /* warm paper */
  --surface:#FFFFFF;
  --surface-2:#F8F7F4;
  --surface-3:#EBEAE5;
  --line:#E3E1DB;
  --line-2:#D3D1C9;

  --ink:#17181B;         /* graphite */
  --ink-2:#3B3D42;
  --muted:#6C6E73;
  --dim:#9C9DA0;

  --accent:#1E5E4E;      /* jade */
  --accent-2:#174A3D;
  --accent-soft:#E5EFEA;
  --accent-hi:#8FD0B6;   /* the accent on a graphite surface */
  --on-accent:#FFFFFF;

  --hero:#1A1B1E;
  --hero-2:#26282C;
  --hero-ink:#F4F3EF;
  --hero-muted:#A7A8AB;

  --coin:#A87A26;        /* brass */
  --coin-soft:#F4ECDB;
  --coin-ink:#5B410F;
  --pos:#1F7A52;  --pos-soft:#E3F1E9;
  --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(23,24,27,.04),0 10px 28px -16px rgba(23,24,27,.16);
  --shadow-lg:0 2px 4px rgba(23,24,27,.05),0 24px 48px -20px rgba(23,24,27,.28);
  --ease:cubic-bezier(.16,1,.3,1);

  --confetti:#1E5E4E,#A87A26,#17181B,#8FD0B6,#D3D1C9;
}