/* ============================================================
   DRAGONFLY × LDT INC. · DESIGN TOKENS

   Measured from DRAGONFLYxLDTinc_The_Next_Chapter.pdf,
   the final 23-page deck. Authored at 1280x720, printed at
   960x540pt by Chromium, same as every prior version.

   This supersedes the v3 22-page token set. The two differ in
   almost every value: ground, accent, type family, type scale
   and rule colours all changed. Do not mix them.
   ============================================================ */

@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: block;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: block;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/Inter-SemiBold.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: block;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: block;
}
@font-face {
  font-family: "Inter";
  src: url("../assets/fonts/Inter-ExtraBold.woff2") format("woff2");
  font-weight: 800; font-style: normal; font-display: block;
}
@font-face {
  font-family: "EB Garamond";
  src: url("../assets/fonts/EBGaramond-Regular.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: block;
}

:root {
  /* --- stage ------------------------------------------------ */
  --stage-w: 1280;
  --stage-h: 720;
  --margin: 80;
  --content: 1120;

  /* --- colour ----------------------------------------------- */
  --ink:        #0A0A0A;
  --paper:      #FFFFFF;
  --paper-warm: #F2F1EF;     /* credentials opener only */
  --pink:       #E60457;

  /* rules */
  --rule-ink:   #262626;     /* hairline on dark ground */
  --rule-band:  #2A2A2A;     /* hairline inside a dark band */
  --rule-paper: #E3E3E3;     /* hairline on light ground */
  --mark-dim:   #3D3D3D;     /* inactive accent mark */

  /* on dark ground */
  --ink-hi:     #D6D6D6;
  --ink-mid:    #C9C9C9;
  --ink-body:   #8C8C8C;
  --ink-meta:   #8C8C8C;
  --ink-serif:  #B6B6B6;
  --ink-serif2: #9A9A9A;
  --ink-foot:   #8C8C8C;

  /* on light ground */
  --paper-body: #6F6F6F;
  --paper-meta: #6F6F6F;
  --paper-meta2:#5F5F5F;
  --paper-foot: #6F6F6F;

  /* --- type families ---------------------------------------- */
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --serif: "EB Garamond", Garamond, "Times New Roman", serif;

  /* --- font vertical metrics, read from the font binaries ----
     Used by the .bl baseline primitive. Inter shares Inter
     Display's metrics exactly, so the sans values are unchanged
     from the previous build. EB Garamond does NOT share the 08
     optical cut's metrics: both values below changed.           */
  --sans-asc: 0.9688;
  --sans-cb:  1.2100;
  --serif-asc: 1.0070;
  --serif-cb:  1.3050;

  /* --- tracking, measured from glyph advances --------------- */
  --track-meta:    0.17em;
  --track-display: -0.045em;
  --track-xl:      -0.044em;

  /* --- rules ------------------------------------------------ */
  --rule-hair: 0.9px;
  --rule-mark: 2px;
  --mark-w: 42px;

  /* --- motion ----------------------------------------------- */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --t-page: 600ms;
  --t-reveal: 1100ms;
  --t-clip: 1150ms;
  --t-chrome: 240ms;
}