/* =========================================================
   Abel Sanchez — Brand tokens (Identity Board, Direction B)
   ========================================================= */
@font-face {
  font-family: "Cook Conthic";
  src: url("../assets/fonts/cook-conthic.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Cimo One";
  src: url("../assets/fonts/cimo-one.woff2") format("woff2");
  font-weight: 400 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Cimo One";
  src: url("../assets/fonts/cimo-one-italic.woff2") format("woff2");
  font-weight: 400 700; font-style: italic; font-display: swap;
}
@font-face {
  font-family: "AOT Serial Mono";
  src: url("../assets/fonts/aot-serial-mono-regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "AOT Serial Mono";
  src: url("../assets/fonts/aot-serial-mono-medium.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}

:root {
  /* Dark direction — primary */
  --ink: #0E0E0E;
  --carbon: #1A1A1A;
  --carbon-2: #222120;
  --ash: #6B6B6B;
  --bone: #F0EDE8;
  --amber: #C8873E;
  --amber-hi: #D99A52;

  /* Light direction — alternate */
  --linen: #F7F4EF;
  --chalk: #FFFFFF;
  --slate: #3A3A3A;
  --signal: #1A1A1A;

  /* Derived text tones (AA on their grounds) */
  --text-dim: #A8A39B;     /* body on ink/carbon  ≈ 7.4:1 */
  --text-dim-light: #5E5A55; /* body on linen     ≈ 6.4:1 */
  --rule: rgba(240, 237, 232, 0.12);
  --rule-strong: rgba(240, 237, 232, 0.22);
  --rule-light: rgba(26, 26, 26, 0.12);

  /* Type */
  --f-display: "Cook Conthic", "Times New Roman", serif;
  --f-body: "Cimo One", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "AOT Serial Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Scale */
  --step--1: clamp(0.78rem, 0.76rem + 0.1vw, 0.84rem);
  --step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
  --step-1: clamp(1.2rem, 1.1rem + 0.5vw, 1.45rem);
  --step-2: clamp(1.5rem, 1.25rem + 1.1vw, 2.2rem);
  --step-3: clamp(2.1rem, 1.5rem + 2.6vw, 3.6rem);
  --step-4: clamp(2.8rem, 1.6rem + 5vw, 6rem);
  --step-hero: clamp(3.4rem, 1.4rem + 7vw, 8.2rem);

  /* Space + layout */
  --gutter: clamp(16px, 4vw, 56px);
  --max: 1360px;
  --section-y: clamp(88px, 12vw, 176px);
  --radius: 2px;
  --ease: cubic-bezier(0.2, 0.7, 0.1, 1);
}