/* branding-indevlin.css — THE RESKIN FILE / SINGLE SOURCE OF TRUTH
 *
 * One palette drives three consumers:
 *   1. the Hugo website   (mounted as assets/res/brand.css — see website/hugo.yaml)
 *   2. mdocket documents  (business profile [branding] css)
 *   3. the logo toolkit   (BRANDING_CSS at the top of indevlin_logo.py, or --branding-css)
 *
 * Because the toolkit reads this file too, changing --color4 or --accent
 * here and re-running the toolkit re-renders the marks in the new colours.
 *
 * Per business:
 *   1. change the colours below
 *   2. edit title / menu / params in website/hugo.yaml
 *   3. regenerate logos:  cd indevlin-toolkit && sh ../commands.txt   (or pick lines from it)
 */

:root {
  /* ---- Core palette (website + documents + logos) ---- */
  --color1: #f6f7fa;   /* background, even table rows                          */
  --color2: #121821;   /* body text                                             */
  --color3: #d3d9e3;   /* borders, panels, odd table rows                       */
  --color4: #25307a;   /* headings, links, BRAND PRIMARY — logo ink ("indigo")  */
  --accent: #0f9d63;   /* shadows, highlights, the dot on every logo i ("signal") */

  /* Contrast, checked:
       indigo on background   11.0 : 1   (body links/headings — AAA)
       ink on background      16.6 : 1
       signal on indigo        3.4 : 1   (the i dot on the mark tile)
       signal on background    3.3 : 1   (the i dots in the wordmark)
     The signal green is a graphic colour, not a text colour: keep text in
     --color2 / --color4, and put dark text on a green fill, never white. */

  /* ---- Surface tint ----
     Slightly darker than --color1. Used for inset panels on the site and
     for the swatch cells behind logos in the toolkit's comparison sheets.
     Keep it between --color1 and --color3 in value. */
  --paper:  #eceff5;

  /* ---- Status colours ---- */
  --ok:     #1d7a4c;
  --danger: #a32626;
  --muted:  #5a6577;   /* de-emphasised text (5.5 : 1 on background) */

  /* ---- Typography ----
     --font-primary  body / headings (site + documents)
     --font-mono     version strings, commands, IDs, amounts
     Webfonts are self-hosted: the site declares @font-face in
     website/static/res/fonts.css for the files in website/static/fonts/.
     A family named here must be declared there too, or the browser falls
     back to the next entry in the stack.

     --font-logo     the face the toolkit sets the wordmark in. The first
                     family name is matched (case/space-insensitive) against
                     the font files in the toolkit's fonts/ directory, so it
                     must name a font the toolkit actually bundles.
     --font-logo-weight  numeric weight to pair with --font-logo.
     --font-logo-sub     the face for the wordmark's small domain line.
     --font-logo-sub-weight */
  --font-primary: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --font-logo: "JetBrains Mono";
  --font-logo-weight: 800;
  --font-logo-sub: "JetBrains Mono";
  --font-logo-sub-weight: 500;
}

/* ---- Alternative palettes: uncomment one, or write your own ---- */

/* Inverted A — logo ink = --color1 (pale mark, for dark surfaces / merch)
   The toolkit exposes this directly:  --ink-var color1
*/

/* Inverted B — logo ink = --color2 (near-black mark, max detail at small size)
   The toolkit exposes this directly:  --ink-var color2
*/

/* Single-colour reproduction (stamps, engraving, one-colour print)
   The toolkit exposes this directly:  --mono
*/

/* Night — dark site, same identity
:root { --color1:#0e1219; --color2:#e3e8f0; --color3:#283244;
        --color4:#8fa2ff; --accent:#2fd17f; --paper:#151b26; --muted:#94a0b4; }
*/

/* Slate & copper (more "consultancy" than "dev shop")
:root { --color1:#f5f6f8; --color2:#14181f; --color3:#c9cfd8;
        --color4:#2f4562; --accent:#b4622d; --paper:#eaedf1; }
*/

/* Terminal — green primary, indigo accent (the palette flipped)
:root { --color1:#f4f8f5; --color2:#101814; --color3:#cfdcd3;
        --color4:#0b6b43; --accent:#25307a; --paper:#e7efe9; }
*/