/* ══════════════════════════════════════════════════════════════
   ANDRADE CAÇAMBAS E TERRAPLANAGEM · TOKENS (LPs)
   = @font-face do v1 + design-system/tokens.css (camada 1 contrato --c-* e camada 2 nomes do v1).
   Valores idênticos ao v1 aprovado; único lugar com cor literal.
   ══════════════════════════════════════════════════════════════ */

@font-face {
  font-family: "Hubot Sans";
  src: url("../fonts/hubot-sans-latin.woff2") format("woff2-variations"), url("../fonts/hubot-sans-latin.woff2") format("woff2");
  font-weight: 200 900; font-stretch: 75% 125%; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Hubot Sans";
  src: url("../fonts/hubot-sans-latin-ext.woff2") format("woff2-variations"), url("../fonts/hubot-sans-latin-ext.woff2") format("woff2");
  font-weight: 200 900; font-stretch: 75% 125%; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Mona Sans";
  src: url("../fonts/mona-sans-latin.woff2") format("woff2-variations"), url("../fonts/mona-sans-latin.woff2") format("woff2");
  font-weight: 200 900; font-stretch: 75% 125%; font-style: normal; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Mona Sans";
  src: url("../fonts/mona-sans-latin-ext.woff2") format("woff2-variations"), url("../fonts/mona-sans-latin-ext.woff2") format("woff2");
  font-weight: 200 900; font-stretch: 75% 125%; font-style: normal; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* ── Contrato: cor (papel) ── */
  --c-bg:           #F2F0EB;  /* papel concreto: fundo claro base */
  --c-surface:      #E7E4DC;  /* papel-2: superfície/elevação sobre o papel */
  --c-text:         #151513;  /* 16,05:1 sobre bg */
  --c-muted:        #6A685F;  /* 4,91:1 sobre bg (nunca sobre surface) */
  --c-white:        #FFFFFF;
  --c-dark:         #0F0F0E;  /* tinta: fundo escuro nativo do logo (hero/faixas) */
  --c-primary:      #FC5706;  /* laranja do símbolo; CTA com texto tinta (5,94:1) */
  --c-primary-dark: #A83800;  /* laranja-tinta: laranja como TEXTO sobre claro (5,6:1) */
  --c-accent:       #FF6A1F;  /* hover do CTA (tinta sobre ele 6,70:1) */
  --c-n200:         #B8B5AC;  /* texto secundário sobre escuro (9,35:1 sobre tinta) */
  --c-n400:         #8C8A82;  /* borda de controle sobre papel (3,04:1) */
  --c-n500:         #4A4943;  /* texto-2 sobre claro (7,93:1) */

  /* ── Contrato: tipografia ── */
  --font-display: "Hubot Sans", "Mona Sans", system-ui, sans-serif;
  --font-body:    "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ── Contrato: forma, grid, elevação, movimento ── */
  --r-sm: 2px;  --r-md: 4px;  --r-pill: 999px;   /* marca angular; pill só p/ badges raros */
  --container: 1200px;
  --px: 24px;                                     /* gutter lateral */
  --shadow-sm: 0 10px 30px -10px rgba(15, 15, 14, .5);   /* menus */
  --shadow-md: 0 18px 50px -18px rgba(15, 15, 14, .45);  /* elementos flutuantes */
  --ease: cubic-bezier(.4, 0, .2, 1);                    /* UI: hover, header */
  --header-h: 76px;

  /* ══ Camada 2 · nomes nativos do v1 ══ */
  --orange: #FC5706;  --orange-hover: #FF6A1F;  --orange-press: #E04B00;  --orange-ink: #A83800;
  --ink: #0F0F0E;  --ink-2: #181816;  --ink-3: #23221F;
  --paper: #F2F0EB;  --paper-2: #E7E4DC;  --white: #FFFFFF;
  --text: #151513;  --text-2: #4A4943;  --text-3: #6A685F;
  --on-ink: #F2F0EB;  --on-ink-2: #B8B5AC;  --on-ink-3: #8E8B82;
  --line: rgba(21, 21, 19, .14);  --line-ink: rgba(242, 240, 235, .14);
  --line-ctrl: #8C8A82;  --line-ctrl-ink: #6E6C65;

  --font-text: var(--font-body);
  --fs-display: clamp(2.5rem, 1.55rem + 3.7vw, 4.6rem);
  --fs-h2:      clamp(1.95rem, 1.35rem + 2.2vw, 3.15rem);
  --fs-h3:      clamp(1.2rem, 1.05rem + .6vw, 1.55rem);
  --fs-lead:    clamp(1.06rem, 1rem + .3vw, 1.22rem);
  --fs-body:    1.0625rem;
  --fs-small:   .875rem;
  --fs-eyebrow: .78rem;
  --fs-num:     clamp(3.6rem, 2rem + 6.4vw, 7.4rem);
  --lh-tight: 1.02;  --lh-head: 1.08;  --lh-body: 1.55;
  --track-display: -.022em;  --track-eyebrow: .18em;
  --wdth-display: 100%;  --wdth-eyebrow: 125%;

  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px; --s-6: 24px;
  --s-8: 32px; --s-10: 40px; --s-12: 48px; --s-16: 64px; --s-20: 80px; --s-24: 96px; --s-32: 128px;
  --sec: min(clamp(56px, 7vw, 112px), 10vh);
  --gutter: var(--px);
  --r-0: 0;  --r-1: var(--r-sm);  --r-2: var(--r-md);
  --talude: 62deg;  --crista: .298;
  --shadow-float: var(--shadow-md);  --shadow-menu: var(--shadow-sm);

  --e-out: cubic-bezier(.16, .84, .28, 1);
  --e-ui:  var(--ease);
  --t-fast: 160ms;  --t-base: 260ms;  --t-slow: 420ms;  --t-reveal: 900ms;  --t-terrain: 1400ms;

  /* breakpoints do v1 (referência; media queries não aceitam var) */
  --bp-xl: 1180px;  --bp-lg: 1060px;  --bp-md: 900px;  --bp-sm: 560px;  --bp-xs: 360px;
}