/* GUJRAT FURNITURE design tokens. Dark only, strictly grayscale. */
:root {
  color-scheme: dark;

  --bg: #0b0b0b;
  --surface: #141414;
  --charcoal: #1c1c1c;
  --line: #2b2b2b;
  --line-strong: #3d3d3d;
  --text: #f2f2f2;
  --text-2: #bdbdbd;
  --muted: #8c8c8c; /* text 14px and up only */
  --invert-bg: #f2f2f2;
  --invert-text: #0b0b0b;
  --scrim: rgba(11, 11, 11, 0.55);

  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Manrope", "Helvetica Neue", Arial, sans-serif;

  --fs-hero: clamp(3rem, 8vw, 7.5rem);
  --fs-h2: clamp(2.25rem, 5vw, 4.5rem);
  --fs-h3: clamp(1.5rem, 2.4vw, 2rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --s-10: 10rem;

  --container: min(100% - 2.5rem, 1440px);
  --gutter: max(1.25rem, calc((100vw - 1440px) / 2));
  --gap: clamp(1rem, 2vw, 2rem);
  --section-pad: clamp(6rem, 12vw, 11rem);
  --header-h: 72px;
  --bar-h: 0px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 0.6s;
}

@media (max-width: 767.98px) {
  :root {
    --bar-h: 56px;
  }
}