/* Officieel TM-lettertype uit de submodule assets/upstream/.
   Is die niet uitgechecked, dan valt alles terug op Barlow Condensed. */
@font-face{
  font-family:'Prototype';
  src:url('../assets/upstream/images/fonts/Prototype.ttf') format('truetype');
  font-weight:400 700; font-display:swap;
}

/* ============================================================
   TERRAFORMING MARS LEGACY — DESIGN TOKENS
   ------------------------------------------------------------
   Dit is het enige bestand dat je normaal hoeft aan te passen
   als je maten of kleuren wilt veranderen. Alles verwijst hier
   naar terug, zodat het hele systeem consistent blijft.
   ============================================================ */

:root{

  /* ----------------------------------------------------------
     1. KALIBRATIE
     --k is de correctiefactor voor jouw printer.
     Print print/kalibratie.html, meet de liniaal, en zet --k
     bijv. op 1.014 als je 100mm meet als 98.6mm.
     ALLE maten hieronder zijn uitgedrukt in var(--mm).
     ---------------------------------------------------------- */
  --k: 1;
  --mm: calc(1mm * var(--k));

  /* ----------------------------------------------------------
     2. FYSIEKE FORMATEN
     ---------------------------------------------------------- */
  /* Standaard speelkaart (gelijk aan echte TM projectkaarten) */
  --card-w:   calc(63.5 * var(--mm));
  --card-h:   calc(88   * var(--mm));
  --card-r:   calc(2.8  * var(--mm));
  --card-pad: calc(2.4  * var(--mm));

  /* Kleine kaart (bijv. legacy-stickers, mini-events, referentie) */
  --mini-w:   calc(44 * var(--mm));
  --mini-h:   calc(63 * var(--mm));

  /* Grote kaart (corporatie XL / speler-overzicht) */
  --wide-w:   calc(88 * var(--mm));
  --wide-h:   calc(63.5 * var(--mm));

  /* ---- DE GRONDMAAT VAN ALLE ZESHOEKEN ----
     --hex-r is de ribbe van een tegel, oftewel de straal van de
     omgeschreven cirkel. Gemeten op Daniels eigen tegels: 20 mm.
     Tegels en bordvakjes volgen hier allebei uit, dus één getal
     hier veranderen schaalt het hele spel mee.                    */
  --hex-r:    calc(20 * var(--mm));

  /* Losse tegels (pointy-top): punt boven en onder */
  --hex-flat: calc(var(--hex-r) * 1.7320508);  /* 34,64 mm, vlak tot vlak */
  --hex-h:    calc(var(--hex-r) * 2);          /* 40,00 mm, punt tot punt */
  --hex-gap:  calc(0.5 * var(--mm));

  /* Bordvakjes: exact even groot als een tegel, zodat een tegel
     precies op een vakje past. Volgt dus uit --hex-r hierboven. */
  --bhex-w:   var(--hex-flat);           /* 34,64 mm, vlak tot vlak */
  --bhex-h:   var(--hex-h);              /* 40,00 mm, punt tot punt */
  --bhex-row: calc(var(--hex-h) * 0.75); /* 30,00 mm, rijafstand    */
  /* Randen van bordvakjes. Deze waarden staan in honderdsten van de
     vakjebreedte, zodat ze meeschalen als --hex-r verandert.
     Een rasterlijn van 2,2 komt neer op ~0,76 mm tussen twee vakjes;
     een dikke rand van 13 op ~2,25 mm binnen het vakje. */
  /* Gereserveerd voor een oceaan: hoe sterk de blauwe waas en de
     golflijnen zijn. Lager = subtieler. */
  --water-tint: .48;
  --water-wave: .30;

  /* Nummertje in de hoek van een bordvakje: klein en ingetogen,
     maar met een donkere gloed eronder zodat het op elke ondergrond
     leesbaar blijft. Lager --num-opacity = nog onopvallender. */
  --num-size:    calc(3.4 * var(--mm));
  --num-opacity: .85;
  --num-pad-y:   calc(0.55 * var(--mm));   /* vlakje om het label heen */
  --num-pad-x:   calc(1.15 * var(--mm));

  /* Lavagetal rechtsonder. Dit is een kernmechaniek, dus het mag
     nadrukkelijk aanwezig zijn. */
  --lava-size:   calc(9 * var(--mm));

  --bhex-line:      2.2;
  --bhex-line-col:  rgba(255,255,255,.45);
  --bhex-edge-line: 13;

  /* Ronde fiches en markers */
  --token-d:  calc(18 * var(--mm));
  --marker-d: calc(12 * var(--mm));

  /* Print-afloop (bleed) en snijmarge */
  --bleed:    calc(2 * var(--mm));
  --safe:     calc(3 * var(--mm));

  /* ----------------------------------------------------------
     3. PAPIER
     ---------------------------------------------------------- */
  --page-w:      calc(210 * var(--mm));
  --page-h:      calc(297 * var(--mm));
  --page-margin: calc(8 * var(--mm));
  --sheet-gap:   0mm;

  /* ----------------------------------------------------------
     4. KLEUREN — MARS BASIS
     ---------------------------------------------------------- */
  --mars-950:#160a07;
  --mars-900:#241009;
  --mars-800:#3a1a0e;
  --mars-700:#5c2a14;
  --mars-600:#8a3d18;
  --mars-500:#b8541f;
  --mars-400:#d2762f;
  --mars-300:#e5a05e;
  --mars-200:#f0c69a;

  --space-950:#07080c;
  --space-900:#0d0f16;
  --space-800:#151824;
  --space-700:#222739;
  --space-600:#343b53;
  --space-500:#4c5473;

  --ink:#14140f;
  --ink-soft:#3c3a33;
  --paper:#f4efe4;
  --paper-2:#e7dfcd;
  --paper-3:#d6cbb2;

  /* ----------------------------------------------------------
     5. KLEUREN — KAARTTYPES
     ---------------------------------------------------------- */
  --type-green-1:#5aa845;   --type-green-2:#2f6b27;
  --type-blue-1:#2f83c0;    --type-blue-2:#1a4f79;
  --type-red-1:#cf4535;     --type-red-2:#8c241b;
  --type-corp-1:#3a3f4d;    --type-corp-2:#14161d;
  --type-prelude-1:#e0a52c; --type-prelude-2:#9a6a12;
  --type-legacy-1:#8a4fc4;  --type-legacy-2:#4d2379;
  /* Werknemerskaarten: eigen paars, iets warmer dan het legacy-paars
     zodat de twee soorten naast elkaar te onderscheiden blijven. */
  --type-crew-1:#a24fd6;    --type-crew-2:#54187f;

  /* Werknemerskaart: de middenstrook staat op exact de helft van de
     kaart. Beide helften worden daaromheen berekend, zodat de strook
     nooit verschuift door de inhoud. */
  --wn-strip-h: calc(15 * var(--mm));

  /* ----------------------------------------------------------
     6. KLEUREN — TAGS
     ---------------------------------------------------------- */
  --tag-building:#8a5a2b;  --tag-building-ink:#ffe9cd;
  --tag-space:#15161c;     --tag-space-ink:#ffffff;
  --tag-science:#eceff2;   --tag-science-ink:#1d2733;
  --tag-energy:#7b3fa0;    --tag-energy-ink:#f6e6ff;
  --tag-jovian:#b8952f;    --tag-jovian-ink:#2a1f04;
  --tag-earth:#2f7d5b;     --tag-earth-ink:#e8fff4;
  --tag-plant:#57a639;     --tag-plant-ink:#f2ffe8;
  --tag-microbe:#8cc63f;   --tag-microbe-ink:#1e3007;
  --tag-animal:#c08a4a;    --tag-animal-ink:#2a1a06;
  --tag-city:#98a0aa;      --tag-city-ink:#1b2027;
  --tag-event:#e0862c;     --tag-event-ink:#2b1503;
  --tag-venus:#5ab8d4;     --tag-venus-ink:#04252e;
  --tag-moon:#7d8794;      --tag-moon-ink:#f0f4f8;
  --tag-wild:#5b5b5b;      --tag-wild-ink:#ffffff;

  /* ----------------------------------------------------------
     7. KLEUREN — RESOURCES & PARAMETERS
     ---------------------------------------------------------- */
  --res-mc:#f2c230;        --res-mc-ink:#2b1f00;
  --res-steel:#8a5a2b;     --res-steel-ink:#ffe9cd;
  --res-titanium:#23252c;  --res-titanium-ink:#e9edf5;
  --res-plant:#4f9c33;     --res-plant-ink:#f2ffe8;
  --res-energy:#7b3fa0;    --res-energy-ink:#f6e6ff;
  --res-heat:#e2571e;      --res-heat-ink:#fff0e6;
  --res-card:#c9b78e;      --res-card-ink:#2a2114;

  --par-ocean:#2f7ab8;
  --par-oxygen:#5fae63;
  --par-temp:#e2571e;
  --par-venus:#b070c6;
  --par-tr:#d24b2c;
  --vp:#e8b93a;

  --prod-bg:#c8a878;       --prod-line:#6d4d24;

  /* Metaallook voor kaartpanelen. Opgebouwd uit verlopen in plaats van
     een fototextuur: scherp op elke printresolutie en van onszelf. */
  /* Bijna horizontaal met een lichte schuinte: op de brede kopstrook
     leest dat als licht dat er overheen strijkt, in plaats van als
     banden van boven naar beneden. */
  --metal-dark:linear-gradient(102deg,#f2f5f8 0%,#c3cad2 14%,#8b939d 46%,
                               #6f7883 62%,#a9b1ba 86%,#e7ecf0 100%);
  --metal-light:linear-gradient(180deg,#ffffff 0%,#f1f4f7 26%,#dde3e9 60%,
                                #eef2f5 84%,#fbfcfd 100%);

  /* ----------------------------------------------------------
     8. TYPOGRAFIE
     ---------------------------------------------------------- */
  --font-display:"Prototype","Barlow Condensed","Avenir Next Condensed",
                 "Helvetica Neue",Arial,sans-serif;
  --font-body:"Barlow","Inter","Helvetica Neue",Arial,sans-serif;
  --font-num:"Barlow Condensed","Avenir Next Condensed",Arial,sans-serif;

  /* Kaarttekst-groottes (schalen mee met --mm) */
  --fs-title:  calc(4.0 * var(--mm));
  --fs-body:   calc(2.5 * var(--mm));
  --fs-small:  calc(2.0 * var(--mm));
  --fs-tiny:   calc(1.85 * var(--mm));
  --fs-cost:   calc(6.2 * var(--mm));
  --fs-vp:     calc(5.0 * var(--mm));

  /* ----------------------------------------------------------
     9. DIVERSEN
     ---------------------------------------------------------- */
  --line: calc(0.25 * var(--mm));
  --shadow-card: 0 calc(0.4*var(--mm)) calc(1.2*var(--mm)) rgba(0,0,0,.28);
}

/* Donkere UI-schil van de werkomgeving (niet van de kaarten zelf) */
:root{
  --ui-bg:#101218;
  --ui-bg-2:#171a22;
  --ui-bg-3:#1f2430;
  --ui-line:#2c3242;
  --ui-text:#e6e9f0;
  --ui-text-dim:#98a0b3;
  --ui-accent:#d2762f;
}