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

:root {
  --samsung-blue: #2189ff;
  --samsung-blue-hover: #006bea;
  --samsung-black: #000000;
  --samsung-gray-900: #1a1a1a;
  --samsung-gray-700: #555555;
  --samsung-gray-500: #8f8f8f;
  --samsung-gray-300: #dddddd;
  --samsung-gray-100: #f7f7f7;
  --samsung-white: #ffffff;
  --samsung-green: #037e50;
  --samsung-red: #ef3434;

  --bg: var(--samsung-white);
  --text: var(--samsung-black);
  --text-muted: var(--samsung-gray-700);
  --text-dim: var(--samsung-gray-500);
  --border: #e5e5e5;
  --border-strong: #cccccc;
  --primary: var(--samsung-blue);
  --primary-hover: var(--samsung-blue-hover);
  --success: var(--samsung-green);
  --error: var(--samsung-red);

  --font-sans: "Inter", "SamsungOne", system-ui, -apple-system, sans-serif;

  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --container: 1440px;
  --header-h: 0px;
  --logo-h: 52px;
  --subnav-h: 48px;
  --sticky-offset: 140px;
  --checkout-sidebar: 400px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.12);
}

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