/* Tokens de marca GRM. Lenguaje visual: ruta + escudo.
   - Tipografía condensada (señalética de carretera) para titulares.
   - Esquinas cortadas (chaflán) como el escudo, en vez de bordes redondeados.
   - Cortes diagonales entre secciones y una sección en dorado sólido. */
@font-face { font-family: 'Barlow Condensed'; src: url("../fonts/barlow-condensed-600-891a5f2d8a7dc82053e612043158a5de.woff2") format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url("../fonts/barlow-condensed-700-7e7e5d6b448191f4799c6afd7c13d72f.woff2") format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Barlow Condensed'; src: url("../fonts/barlow-condensed-800-dc63ed3c05d2af1f578da2808fcbcc4a.woff2") format('woff2'); font-weight: 800; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url("../fonts/barlow-400-974e773055313a28f2bb370b3e3e8b2a.woff2") format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url("../fonts/barlow-500-54c906c9801514514e78c60bdee7004f.woff2") format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Barlow'; src: url("../fonts/barlow-600-7d24ba5ca9af9c7997172cb76bab2ec8.woff2") format('woff2'); font-weight: 600; font-display: swap; }

:root {
  --black: #080706;
  --ink: #0f0d0a;
  --panel: #16130e;
  --line: #2f291c;
  --gold: #d9ac3f;
  --gold-hi: #f4dc8f;
  --gold-lo: #8a6410;
  --gold-solid: #dcae3c;
  --text: #f1ead8;
  --muted: #b5ad99;
  --ok: #7cc48a;

  --grad-gold: linear-gradient(135deg, #f7e3a1 0%, #d9ac3f 45%, #8a6410 100%);

  --font-display: 'Barlow Condensed', 'Arial Narrow', Impact, sans-serif;
  --font-body: 'Barlow', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Chaflán (esquina cortada) */
  --cut: 18px;
  --chamfer: polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));
  --chamfer-r: polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, var(--cut) 100%, 0 calc(100% - var(--cut)));

  --shadow-gold: 0 14px 44px -14px rgba(217, 172, 63, .55);
  --ease: cubic-bezier(.22, .8, .24, 1);
  --header-h: 72px;
  --slant: clamp(28px, 5vw, 72px);
}