:root {
  --tvs-graphite: #17191c;
  --tvs-near-black: #111316;
  --tvs-home-shell: #272a2d;
  --tvs-home-shell-deep: #232629;
  --tvs-commerce-surface: #fbfbfa;
  --tvs-white: #ffffff;
  --tvs-background: #f7f8f8;
  --tvs-surface: #ffffff;
  --tvs-warm-surface: #f7f3ec;
  --tvs-orange: #f9ac00;
  --tvs-orange-ink: #a45c00;
  --tvs-orange-tint: color-mix(in srgb, var(--tvs-orange), white 88%);
  --tvs-orange-focus: rgb(249 172 0 / 0.28);
  --tvs-text: #181a1d;
  --tvs-muted: #5d646b;
  --tvs-border: #d7dce0;
  --tvs-danger: #a61e2d;
  --tvs-danger-tint: color-mix(in srgb, var(--tvs-danger), white 90%);
  --tvs-danger-focus: rgb(166 30 45 / 0.24);
  --tvs-sale: var(--tvs-orange);
  --tvs-price: var(--tvs-text);
  --tvs-price-sale: var(--tvs-danger);
  --tvs-font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --tvs-font-size-xs: 0.8125rem;
  --tvs-font-size-sm: 0.875rem;
  --tvs-font-size-md: 1rem;
  --tvs-font-size-lg: 1.25rem;
  --tvs-font-size-xl: 1.75rem;
  --tvs-font-size-2xl: 2.25rem;
  --tvs-control-height: 46px;
  --tvs-control-height-sm: 42px;
  --tvs-container: 1180px;
  --tvs-container-wide: 1360px;
  --tvs-radius-sm: 4px;
  --tvs-radius-md: 8px;
  --tvs-radius-lg: 12px;
  --tvs-focus-ring: 0 0 0 3px var(--tvs-orange-focus);
}