:root {
  /* Brand colors — derived from the GTX Firm logo (assets/img/logo.svg) */
  --color-primary: #991a36;
  --color-primary-dark: #6e1327;
  --color-primary-light: #c14361;

  --color-bg: #14100f;
  --color-fg: #f0efef;
  --color-fg-muted: #b7b2ad;

  --color-glass: rgba(20, 17, 16, 0.6);
  --color-glass-strong: rgba(12, 10, 9, 0.72);
  --color-border: rgba(240, 239, 239, 0.14);

  --color-ring: #c14361;
  --color-whatsapp: #25d366;
  --color-whatsapp-dark: #1ebe59;

  /* Type */
  --font-sans: "Nanotech", "Sora", "Segoe UI", system-ui, -apple-system, sans-serif;

  --fs-eyebrow: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  --fs-h1: clamp(2.25rem, 1.7rem + 3vw, 4.5rem);
  --fs-h2: clamp(1.75rem, 1.5rem + 1.4vw, 2.75rem);
  --fs-h3: clamp(1.2rem, 1.1rem + 0.5vw, 1.5rem);
  --fs-body: clamp(1rem, 0.97rem + 0.15vw, 1.125rem);
  --fs-small: 0.9rem;

  --lh-tight: 1.08;
  --lh-heading: 1.2;
  --lh-body: 1.6;

  /* Spacing / layout */
  --container-max: 1180px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-pad-y: clamp(4rem, 8vw, 7rem);
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;
  --radius-pill: 3px;

  /* Motion */
  --ease-standard: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 160ms;
  --dur-med: 320ms;
  --dur-nav: 450ms;

  /* Z-index scale */
  --z-bg: -1;
  --z-nav: 100;
  --z-fab: 200;
  --z-content: 10;
}