/* Xpertech design tokens — generated from the Xpertech design system (tokens.json). Dark is the default theme. */
:root {
  color-scheme: dark;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 28px;
  --space-7: 48px;
  --space-8: 120px;
  --space-9: 160px;
  --radius-sm: 0px;
  --radius-md: 2px;
  --radius-lg: 2px;
  --radius-xl: 4px;
  --radius-pill: 999px;
  --font-sans: "Geist", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --bg: #010101;
  --surface: #0c0c0c;
  --surface-2: #161616;
  --deep: #000000;
  --deep-2: #141414;
  --on-deep: #f1f0ea;
  --on-deep-muted: #9a9c96;
  --ink: #f1f0ea;
  --ink-muted: #9a9c96;
  --line: #242424;
  --control-line: #666962;
  --accent: #d9f24a;
  --on-accent: #010101;
  --accent-ink: #d9f24a;
  --accent-soft: #1a1d0a;
  --success: #3fd08a;
  --success-soft: #0b1f15;
  --refurb: #ffb547;
  --refurb-soft: #221707;
  --danger: #ff7a66;
  --star: #d9f24a;
  --whatsapp: #128045;
  --on-whatsapp: #ffffff;
  --shadow-sm: none;
  --shadow-md: 0 0 0 1px rgba(241,240,234,0.22);
  --shadow-lg: 0 16px 40px rgba(0,0,0,0.6);
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f1f0ea;
  --surface: #faf9f5;
  --surface-2: #e6e4dc;
  --deep: #010101;
  --deep-2: #161616;
  --on-deep: #f1f0ea;
  --on-deep-muted: #9a9c96;
  --ink: #010101;
  --ink-muted: #55574f;
  --line: #d6d4cb;
  --control-line: #7a7c76;
  --accent: #d9f24a;
  --on-accent: #010101;
  --accent-ink: #4d5900;
  --accent-soft: #e7edb4;
  --success: #0d6b3e;
  --success-soft: #d8eedf;
  --refurb: #8c5300;
  --refurb-soft: #f5e6cc;
  --danger: #b42e18;
  --star: #4d5900;
  --whatsapp: #128045;
  --on-whatsapp: #ffffff;
  --shadow-sm: none;
  --shadow-md: 0 0 0 1px rgba(1,1,1,0.22);
  --shadow-lg: 0 16px 40px rgba(1,1,1,0.18);
}