/* ============================================================
   VanguardOphir — Design Tokens
   Palette derived from the corporate emblem: brushed gold,
   oxblood crimson, oxidized copper, and matte laptop-lid charcoal.
   Edit values here to retune the entire site.
   ============================================================ */

:root {
  /* --- Surfaces (matte charcoal, matched to the lid grays) --- */
  --void:      #0f1114;
  --void-2:    #131519;
  --panel:     #191c21;
  --panel-2:   #22262d;
  --panel-3:   #2b3038;
  --line:      #343a42;
  --line-soft: #23272d;

  /* --- Brand accents --- */
  --brass:        #c6a15b;
  --brass-bright: #dcbd7c;
  --brass-dim:    #8f7742;
  --oxblood:      #9a2b31;
  --oxblood-deep: #5c1a1f;
  --copper:       #b5713c;

  /* --- Text --- */
  --bone:     #e8e4db;
  --bone-dim: #c2beb4;
  --ash:      #969ca4;
  --ash-dim:  #6a7078;

  /* --- Type families --- */
  --font-display: "Saira", "Arial Narrow", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* --- Type scale --- */
  --fs-eyebrow: 0.78rem;
  --fs-body:    1.02rem;
  --fs-lede:    1.28rem;
  --fs-h4:      1.15rem;
  --fs-h3:      1.6rem;
  --fs-h2:      clamp(2rem, 4vw, 3.1rem);
  --fs-h1:      clamp(2.6rem, 6.5vw, 5.4rem);
  --fs-mega:    clamp(3.4rem, 12vw, 9rem);

  --tracking-wide: 0.24em;
  --tracking-mid:  0.12em;

  /* --- Layout --- */
  --container: 1180px;
  --container-wide: 1360px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(4.5rem, 9vw, 8rem);

  /* --- Detail --- */
  --radius: 3px;
  --radius-lg: 6px;
  --border: 1px solid var(--line);
  --shadow: 0 24px 60px -30px rgba(0, 0, 0, 0.9);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}