html:root {
  --background: #ffffff;
  --foreground: #0a0a0a;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --border: #e5e5e5;
  --primary: #2563eb;
  --primary-foreground: #ffffff;
  --primary-hover: #1652da;
  --primary-active: #0442c8;
  --primary-soft: #daeeff;
  --ring: #4284ff;
  --price: #ea580c;
  --radius: 0.625rem;
}
html.dark {
  --background: #0a0a0a;
  --foreground: #fafafa;
  --muted: #262626;
  --muted-foreground: #a3a3a3;
  --border: #262626;
  --primary: #3d7dff;
  --primary-foreground: #ffffff;
  --price: #ff793c;
}