/* Ghaem Reza design tokens. Fonts are self-hosted (no CDN: the site must load in Iran without a VPN), cut down to the
   characters the site writes (tools/make-fonts.mjs, from the company's files in oil/bfont).
   Dana: the text and the interface (Persian only: its build has no Latin letters, so Latin falls through to Kalameh,
   whose Latin is a clean geometric sans). Kalameh: titles and large figures. Gilroy: small Latin labels in capitals. */
@font-face { font-family: "Dana"; src: url("../fonts/dana/dana-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Dana"; src: url("../fonts/dana/dana-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Dana"; src: url("../fonts/dana/dana-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Dana"; src: url("../fonts/dana/dana-700.woff2") format("woff2"); font-weight: 700 900; font-display: swap; }
@font-face { font-family: "Kalameh"; src: url("../fonts/kalameh/kalameh-400.woff2") format("woff2"); font-weight: 100 500; font-display: swap; }
@font-face { font-family: "Kalameh"; src: url("../fonts/kalameh/kalameh-700.woff2") format("woff2"); font-weight: 600 900; font-display: swap; }
@font-face { font-family: "Gilroy"; src: url("../fonts/gilroy/gilroy-700.woff2") format("woff2"); font-weight: 100 900; font-display: swap; }

:root {
  /* brand (sampled from the logo and the old site's buttons) */
  --green: #0E9C59;
  --green-hi: #17B86C;
  --green-lo: #0B7F49;
  --green-fill: #0B874D;    /* a fill under white text: 4.6:1 (the brand green itself gives 3.6:1) */
  --green-fill-hi: #0A7C47;
  --wire: #5BE6C6;          /* the video's survey grid and scan wall */
  --slate: #3D424A;         /* the old header */

  /* the plant at night (sampled from frame 0 and the last frame) */
  --night: #121A23;
  --night-2: #0B1118;
  --steel: #1B222B;
  --ground: #2F3232;
  --amber: #FFB347;         /* sodium lights, tenders */
  --rust: #C2643A;          /* iron ore */
  --white: #FFFFFF;
  --paper: #F3F4F1;
  --ink: #0E141B;
  --muted: rgb(255 255 255 / .66);

  /* type */
  --font-fa: "Dana", "Kalameh", Tahoma, sans-serif;
  --font-latin: "Kalameh", system-ui, "Segoe UI", sans-serif;
  --font-body: var(--font-fa);
  --font-display: "Kalameh", "Dana", Tahoma, sans-serif;   /* titles and large figures */
  --font-label: "Gilroy", "Kalameh", system-ui, sans-serif;  /* small Latin capitals */

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.65, 0, .35, 1);
  --header-h: 76px;
  --gutter: clamp(16px, 3.2vw, 48px);
}