/* ==========================================================================
   MHR — Design tokens
   Identidade: industrial, corporativa, robusta, técnica, premium.
   Paleta: laranja #F48009 + cinza #7F7E83 + grafite, fundo claro.
   ========================================================================== */

:root {
  /* --- Marca ------------------------------------------------------------ */
  --mhr-orange: #f48009;
  --mhr-orange-600: #d96f05;
  --mhr-orange-700: #b85c04;
  --mhr-orange-300: #ffb45f;
  --mhr-orange-050: #fff3e4;
  --mhr-gray: #7f7e83;
  --mhr-gray-600: #66656a;
  --mhr-gray-300: #b9b8bd;
  --mhr-gray-100: #ececee;

  /* --- Grafite / neutros ------------------------------------------------- */
  --ink-950: #101216;
  --ink-900: #16181d;
  --ink-800: #1d2026;
  --ink-700: #262a31;
  --ink-600: #343941;
  --ink-500: #474d56;

  --white: #ffffff;
  --off-white: #f7f7f8;
  --off-white-2: #f1f2f3;
  --paper: #ffffff;

  --line: #e3e4e7;
  --line-2: #d5d7db;
  --line-dark: rgba(255, 255, 255, 0.12);

  /* --- Tipografia de cor ------------------------------------------------- */
  --text: #1f2329;
  --text-soft: #4c5157;
  --text-muted: #7f7e83;
  --text-faint: #9a9aa0;
  --text-invert: #f4f5f6;
  --text-invert-soft: rgba(244, 245, 246, 0.72);
  --text-invert-muted: rgba(244, 245, 246, 0.52);

  /* --- Fontes ------------------------------------------------------------ */
  --font-display: "Archivo", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-body: "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, Consolas, monospace;

  /* --- Escala de tipo ---------------------------------------------------- */
  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-base: 1rem;
  --fs-md: 1.0625rem;
  --fs-lg: clamp(1.125rem, 1.02rem + 0.45vw, 1.25rem);
  --fs-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
  --fs-2xl: clamp(1.5rem, 1.25rem + 1.3vw, 2.05rem);
  --fs-3xl: clamp(1.875rem, 1.45rem + 2vw, 2.75rem);
  --fs-4xl: clamp(2.25rem, 1.65rem + 2.8vw, 3.5rem);
  --fs-5xl: clamp(2.75rem, 1.9rem + 4vw, 4.75rem);

  --lh-tight: 1.06;
  --lh-snug: 1.18;
  --lh-normal: 1.55;
  --lh-relaxed: 1.7;

  --tracking-wide: 0.08em;
  --tracking-wider: 0.16em;
  --tracking-widest: 0.24em;

  /* --- Espaçamento ------------------------------------------------------- */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 2.5rem;
  --sp-8: 3rem;
  --sp-9: 4rem;
  --sp-10: 5rem;
  --sp-11: 6.5rem;

  --section-y: clamp(3.75rem, 7vw, 7rem);
  --section-y-lg: clamp(5rem, 9vw, 9rem);

  /* --- Layout ------------------------------------------------------------ */
  --container: 1280px;
  --container-wide: 1440px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --header-h: 76px;
  --topbar-h: 38px;

  /* --- Raio / sombra / movimento ---------------------------------------- */
  --r-1: 2px;
  --r-2: 4px;
  --r-3: 8px;
  --r-pill: 999px;

  --shadow-xs: 0 1px 2px rgba(16, 18, 22, 0.05);
  --shadow-sm: 0 2px 6px -2px rgba(16, 18, 22, 0.1);
  --shadow-md: 0 14px 34px -20px rgba(16, 18, 22, 0.35);
  --shadow-lg: 0 34px 70px -40px rgba(16, 18, 22, 0.5);

  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.18s;
  --dur: 0.32s;
  --dur-slow: 0.6s;

  --z-header: 90;
  --z-mobile-nav: 200;
  --z-skip: 300;
}

@media (min-width: 1024px) {
  :root {
    --header-h: 88px;
  }
}