/* ======================================================================
   Porta Productions — the palette, defined once.

   Why this file exists. Before it, the same brand navy was written out
   three separate times: the site pages called it --navy, the restyle
   layer called it --ink1, and the quiz called it --ink1 but built a
   different ladder of surfaces on top of it. All three agreed on the
   ground, #121A25, and disagreed about every step above it. That is why
   the quiz and the homepage read as two products. Ariel, 2026-09-21:
   "website doesn't really look like the quiz."

   So the values live here and nowhere else. Every page and every layer
   maps its own names onto these, which means a page keeps whatever
   vocabulary its markup already uses and still cannot drift.

   This is not a new palette. It is the approved one: brand navy, white,
   grey, no accent hue. A "colour change" in this system is a value
   change, one rung up or down the same ladder.

   Loaded first on every page, before any other stylesheet, so anything
   later can override behaviour without having to restate a colour.
   ====================================================================== */

:root{
  /* ---- the navy ladder -------------------------------------------
     One hue. The ground, two bands below it for recesses and footers,
     and three surfaces above it. Nothing else is a colour. */
  --band-2:#090D13;   /* deepest recess                               */
  --band-1:#0E141C;   /* dark band, footers                           */
  --ink0:#0A0F16;     /* below the ground                             */
  --ink1:#121A25;     /* BRAND NAVY. the ground. every page.          */
  --s1:#1A2330;       /* card surface        (+5L)                    */
  --s2:#222E3D;       /* raised / hover      (+10L)                   */
  --s3:#2C3A4B;       /* pressed / selected  (+15L)                   */

  /* ---- the light key ---------------------------------------------- */
  --paper:#F5F6F7;
  --paper-2:#E7E9EC;

  /* ---- type tones on navy ------------------------------------------
     Measured against the ground at its brightest. The older silver,
     #7C828A, sat between 3.5 and 4.1 at the sizes it was used at and
     did not clear the 4.5:1 floor. These do. */
  --text:#F3F6F9;     /* headings and primary text                    */
  --body:#C9CBCE;     /* body copy on navy                            */
  --platinum:#BCC3CB; /* labels and secondary text                    */
  --silver:#9BA6B2;   /* small grey text                              */
  --hi:#C8CDD3;       /* the wordmark tone                            */

  /* ---- type tones on paper ---------------------------------------- */
  --text-d:#1B2430;
  --body-d:#4E5762;
  --silver-d:#5F6873;

  /* ---- motion ------------------------------------------------------
     Colour fast, geometry slow. Never `transition:all`. */
  --std:cubic-bezier(.4,0,.2,1);
  --wt:cubic-bezier(.8,-.3,.2,1.3);
}