@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap");

:root {
  --sho-cream: #f9f5f1;
  --sho-cream-dark: #ebe6df;
  --sho-black: #0c0a09;
  --sho-ink: #1c1917;
  --sho-muted: #78716c;
  --sho-border: #d6d3d1;
  --sho-white: #ffffff;
  --sho-card: #efefef;
  --sho-green: #32cda8;
  --sho-gold: #c9a227;

  --bg: var(--sho-cream);
  --surface: var(--sho-white);
  --text: var(--sho-black);
  --text-muted: var(--sho-muted);
  --border: var(--sho-border);
  --primary: var(--sho-black);
  --primary-hover: #292524;
  --border-strong: #c9c5c0;
  --text-dim: #a8a29e;
  --success: #037e50;
  --error: #dc3545;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --samsung-gray-100: var(--sho-cream);

  --font-sans: "Jost", system-ui, -apple-system, sans-serif;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --container: 1320px;
  --header-h: 80px;
  --logo-h: 76px;
  --cart-w: 420px;
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 200ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}