/* ================================================================== */
/*  base.css — Shared foundation for all public pages                 */
/* ================================================================== */

@font-face {
  font-family: "DIN 2014 Extra Bold";
  src: url("https://db.onlinewebfonts.com/t/8ac3a2a414b04c47ec7b7cf3a8f2ee0e.eot");
  src: url("https://db.onlinewebfonts.com/t/8ac3a2a414b04c47ec7b7cf3a8f2ee0e.eot?#iefix") format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/8ac3a2a414b04c47ec7b7cf3a8f2ee0e.woff2") format("woff2"),
    url("https://db.onlinewebfonts.com/t/8ac3a2a414b04c47ec7b7cf3a8f2ee0e.woff") format("woff"),
    url("https://db.onlinewebfonts.com/t/8ac3a2a414b04c47ec7b7cf3a8f2ee0e.ttf") format("truetype"),
    url("https://db.onlinewebfonts.com/t/8ac3a2a414b04c47ec7b7cf3a8f2ee0e.svg#DIN 2014 Extra Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}

/* ================================================================== */
/*  DESIGN TOKENS                                                      */
/* ================================================================== */
:root {
  --color-forest: #5b774f;
  --color-crimson: #be3018;
  --color-sun: #fcec50;
  --color-warm-grey: #cbcac9;
  --color-amber: #b9973b;
  --color-dark: #111111;
  --color-light: #ffffff;
  --color-forest-dark: #4a6641;
  --radius: 1.25rem;
  --shadow-soft: 0 10px 30px rgba(17, 17, 17, 0.08);

  /* Forest-RGBA opacity tiers */
  --forest-bg-subtle:   rgba(91, 119, 79, 0.04);
  --forest-bg:          rgba(91, 119, 79, 0.07);
  --forest-bg-strong:   rgba(91, 119, 79, 0.1);
  --forest-border:      rgba(91, 119, 79, 0.15);
  --forest-border-bold: rgba(91, 119, 79, 0.25);
}

/* ================================================================== */
/*  RESET & BASE                                                       */
/* ================================================================== */
html {
  font-size: 16px;
  -webkit-font-smoothing: subpixel-antialiased;
  text-rendering: geometricPrecision;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--color-dark);
  background: var(--color-warm-grey);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}