/* ===== P0: Self-hosted fonts (Inter + Noto Sans SC) ===== */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('assets/fonts/inter-variable.woff2') format('woff2');
}

@font-face {
  font-family: 'Noto Sans SC';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('assets/fonts/noto-sans-sc-variable.woff2') format('woff2');
}

:root {
  --geshem-green: #009040;
  --geshem-green-dark: #007838;
  --geshem-green-soft: #e5f4eb;
  --industrial-gray: #808080;
  --silver-gray: #a8a8a8;
  --titanium-black: #090b0d;
  --graphite: #15191d;
  --cool-silver: #d7dee3;
  --industrial-blue: #4e8fb8;
  --signal-amber: #d8a34a;
  --deep-black: #050505;
  --ink: #151817;
  --muted: #656b68;
  --page-white: #f7f8f8;
  --surface: #ffffff;
  --line-gray: #e5e7e7;
  --shadow: 0 24px 70px rgba(10, 18, 15, 0.09);
  --max-width: 1180px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

body {
  margin: 0;
  background:
    linear-gradient(180deg, #f7f8f8 0%, #f2f4f3 34%, #f7f8f8 100%);
  color: var(--ink);
  font-family:
    'Inter', 'Noto Sans SC', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont
    "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  line-height: 1.6;
}

body.home-page {
  background: #000;
  color: rgba(246, 249, 250, 0.86);
}

body.product-category-dark {
  background: #000;
  color: rgba(246, 249, 250, 0.86);
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  display: block;
  max-width: 100%;
}