/* TerraMax shared design tokens. Load before styles.css, inner.css or admin.css on every page. */

/* Barlow (SIL Open Font License, see fonts/OFL.txt): an open DIN-style face so every device
   renders the same lettering. Licensed "DIN 2014" still wins if a visitor has it installed. */
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/barlow-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/barlow-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow"; font-style: normal; font-weight: 800 900; font-display: swap; src: url("fonts/barlow-latin-800-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("fonts/barlow-condensed-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-style: normal; font-weight: 800 900; font-display: swap; src: url("fonts/barlow-condensed-latin-800-normal.woff2") format("woff2"); }

:root {
  --yellow: #f6c515;
  --soft-yellow: #fff0a0;
  /* Yellow display words on light surfaces: brand yellow lifted by a stepped amber extrusion.
     Display sizes only; small text on light surfaces stays ink. */
  --yellow-text: var(--yellow);
  /* Depth scales with the type size, so small and huge headings get the same proportion. */
  --yellow-3d:
    .014em .014em 0 #e2ae00,
    .028em .028em 0 #c99800,
    .042em .042em 0 #a97d00,
    .056em .056em 0 #7f5d00,
    .07em .09em .12em rgba(17, 19, 21, .28);
  /* Crisp whole-pixel version for yellow type under ~40px, where fractional layers blur. */
  --yellow-3d-small: 1px 1px 0 #c99800, 2px 2px 0 #7f5d00;

  --ink: #111315;
  --steel: #626a70;
  --muted: #555d62;
  --paper: #f7f5ef;
  --surface-sunk: #f1f0ea;
  --white: #fff;
  --line: #c5c2b8;
  /* Form-control borders need 3:1 against their surface. */
  --line-strong: #85827a;

  --on-dark: #fff;
  --on-dark-muted: #c9c9c4;
  --line-on-dark: #4a4a47;

  --whatsapp: #11803f;
  --error: #8c281d;
  --error-line: #a02f20;
  --success: #245f32;
  --warning: #8a3d00;
  --success-surface: #fff8d7;

  --focus: var(--ink);

  --display: "DIN 2014", "Barlow Condensed", "Bahnschrift Condensed", "Arial Narrow", sans-serif;
  --body: "DIN 2014", "Barlow", "Bahnschrift", Arial, sans-serif;
}

::selection { color: var(--ink); background: var(--yellow); }