/* ==========================================================================
   BEST VACUUM CLEANERS AUSTRALIA — DESIGN TOKENS
   Design language: "Lab-Tested Luxury" — premium editorial warmth married to
   the precision of an appliance test bench (spec gauges, dB/Pa readouts).
   ========================================================================== */

:root {
  /* ---- Color: Primary ---- */
  --c-white: #ffffff;
  --c-paper: #fcfbf8;          /* warm-white section alternate, not stark */
  --c-paper-deep: #f7f5ef;

  /* ---- Color: Charcoal (accent / headings / nav) ---- */
  --c-charcoal: #15181c;
  --c-charcoal-soft: #2b2f35;
  --c-charcoal-mute: #565c64;

  /* ---- Color: Premium Gold (secondary — refined, not cheap yellow) ---- */
  --c-gold: #c8983c;
  --c-gold-bright: #e0ac47;
  --c-gold-deep: #96721f;
  --c-gold-tint: #f7ecd6;
  --c-gold-tint-soft: #fbf6ea;

  /* ---- Text ---- */
  --c-text: #222222;
  --c-text-muted: #5b6168;
  --c-text-faint: #8b9096;
  --c-text-on-dark: #f3f1ec;
  --c-text-on-dark-muted: #a9adb3;

  /* ---- Surfaces / Borders ---- */
  --c-bg: #ffffff;
  --c-card: #ffffff;
  --c-border: #eeeeee;
  --c-border-strong: #e2e2e2;

  /* ---- Semantic ---- */
  --c-pro: #2f7d54;
  --c-pro-tint: #eaf5ee;
  --c-con: #b24136;
  --c-con-tint: #fbeeec;
  --c-star: #c8983c;

  /* ---- Type families ---- */
  --f-display: "Plus Jakarta Sans", "Inter", sans-serif;
  --f-body: "Inter", sans-serif;
  --f-mono: "JetBrains Mono", "SFMono-Regular", monospace;

  /* ---- Type scale (fluid) ---- */
  --fs-hero: clamp(2.6rem, 4.6vw + 1rem, 4.6rem);
  --fs-h1: clamp(2.1rem, 2.6vw + 1rem, 3.1rem);
  --fs-h2: clamp(1.65rem, 1.4vw + 1rem, 2.3rem);
  --fs-h3: clamp(1.25rem, 0.7vw + 1rem, 1.5rem);
  --fs-body-lg: 1.15rem;
  --fs-body: 1rem;
  --fs-small: 0.875rem;
  --fs-micro: 0.75rem;

  /* ---- Spacing ---- */
  --sp-1: 0.4rem;
  --sp-2: 0.8rem;
  --sp-3: 1.2rem;
  --sp-4: 1.8rem;
  --sp-5: 2.6rem;
  --sp-6: 4rem;
  --sp-7: 6rem;
  --sp-8: 8.5rem;

  /* ---- Layout ---- */
  --max-w: 1280px;
  --max-w-narrow: 780px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 26px;
  --radius-pill: 999px;

  /* ---- Shadow ---- */
  --shadow-sm: 0 2px 10px rgba(21, 24, 28, 0.05);
  --shadow-md: 0 12px 32px rgba(21, 24, 28, 0.08);
  --shadow-lg: 0 24px 60px rgba(21, 24, 28, 0.14);
  --shadow-gold: 0 12px 28px rgba(200, 152, 60, 0.28);

  /* ---- Motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 0.18s;
  --dur-med: 0.4s;
  --dur-slow: 0.8s;
}

/* ---- Dark mode override ---- */
[data-theme="dark"] {
  --c-bg: #101215;
  --c-paper: #16191d;
  --c-paper-deep: #1b1e23;
  --c-card: #1a1d22;
  --c-border: #2a2e34;
  --c-border-strong: #383d44;
  --c-text: #ecebe7;
  --c-text-muted: #b7bbc0;
  --c-text-faint: #7d828a;
  --c-white: #101215;
  --c-charcoal: #f3f1ec;
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55);
}