/* Generated by @eggspot/color-core — accent #30a46c, gray #808080 */

:root {
  --radius: 12px;

  --background: #ffffff;

  --accent-1: #fafefc;
  --accent-2: #f5fbf7;
  --accent-3: #e7f6ec;
  --accent-4: #d8f0e1;
  --accent-5: #c5e9d2;
  --accent-6: #aedec1;
  --accent-7: #8fcfa9;
  --accent-8: #5dbb88;
  --accent-9: #30a46c;
  --accent-10: #269761;
  --accent-11: #147e4f;
  --accent-12: #1c3b29;

  --gray-1: #fcfcfc;
  --gray-2: #f9f9f9;
  --gray-3: #efefef;
  --gray-4: #e8e8e8;
  --gray-5: #e0e0e0;
  --gray-6: #d8d8d8;
  --gray-7: #cecece;
  --gray-8: #bbbbbb;
  --gray-9: #8d8d8d;
  --gray-10: #838383;
  --gray-11: #646464;
  --gray-12: #202020;

  --accent-contrast: #ffffff;
  --accent-surface: #f3faf5cc;
  --accent-indicator: #30a46c;
  --accent-track: #30a46c;
  --gray-surface: #ffffffcc;
}

.dark {
  --background: #000000;

  --accent-1: #000000;
  --accent-2: #0d130f;
  --accent-3: #17261d;
  --accent-4: #193727;
  --accent-5: #214631;
  --accent-6: #28553c;
  --accent-7: #306548;
  --accent-8: #377855;
  --accent-9: #30a46c;
  --accent-10: #1d9760;
  --accent-11: #67d097;
  --accent-12: #bcf1d1;

  --gray-1: #000000;
  --gray-2: #121212;
  --gray-3: #1f1f1f;
  --gray-4: #282828;
  --gray-5: #303030;
  --gray-6: #3a3a3a;
  --gray-7: #484848;
  --gray-8: #606060;
  --gray-9: #6e6e6e;
  --gray-10: #7b7b7b;
  --gray-11: #b4b4b4;
  --gray-12: #eeeeee;

  --accent-contrast: #ffffff;
  --accent-surface: #1a261e80;
  --accent-indicator: #30a46c;
  --accent-track: #30a46c;
  --gray-surface: rgba(0, 0, 0, 0.05);
}

/* ---- Christmas overlay tokens ----
   The Radix green scale above carries every interactive surface. Gold and holiday red are
   decorative only — badges, rules and the gift-bundle frame — so they sit outside the scale
   and never become a text-on-fill pairing that has to clear 4.5:1 on its own. */
:root {
  --gold: #e7b008;          /* gift-bundle frame, cutoff rule, ornament dot */
  --gold-soft: #f7d774;     /* gold on near-black: 8.9:1, safe for body-size type */
  --gold-deep: #8a6708;     /* gold on white: 4.9:1, safe for labels */
  --xmas-red: #cc2936;      /* holiday red — sale + cutoff urgency */
  --xmas-red-soft: #ff7b7f; /* red on near-black */
  --snow: #f3f7f4;
}

.dark {
  --gold: #e7b008;
  --gold-soft: #f7d774;
  --gold-deep: #c9930a;
  --xmas-red: #ff6369;
  --xmas-red-soft: #ff7b7f;
  --snow: #f3f7f4;
}