/* ===========================================================================
   Techno Goober — site theme tokens
   ---------------------------------------------------------------------------
   Brings the rest of the site onto the home page's palette.

   HOW THIS WORKS
   The compiled theme stylesheet (wp-content/themes/techno-goober/dist/styles.css)
   is a Tailwind build whose utilities reference their colours through custom
   properties rather than inlining hex, e.g.

       .bg-ink-900 { background-color: var(--color-ink-900); }

   So redefining those properties here restyles every page that loads the theme
   without touching a single line of page markup. This file must load AFTER
   dist/styles.css — the link tag is inserted directly below it on every page.

   WHAT CHANGED AND WHY
   The old theme ink was a cool near-black (#080b0a). The home page is built on a
   warmer, lighter charcoal (#171C1A) with a warm off-white instead of the cool
   one. The brand green was already identical in both, so it is untouched. The net
   effect is that the whole site now sits on the home page's warmer ground rather
   than two different blacks either side of a click.

   DURABILITY — READ THIS BEFORE RE-EXPORTING
   This repo is a static export of the `tgplayground3` WordPress build. A fresh
   export will not carry these tokens or the link tags that load them. The durable
   home for this palette is the WordPress theme source. Until it lives there, this
   file and its 200-odd link tags have to be re-applied after every export.
   =========================================================================== */

:root {
	/* ---- ground ---------------------------------------------------------
	   Was a cool near-black; now the home page's warm charcoal ramp. */
	--color-ink:          #171C1A;   /* was #080b0a */
	--color-ink-900:      #171C1A;   /* was #0a0e0c */
	--color-ink-800:      #1F2624;   /* was #0e1512 */
	--color-surface:      #1F2624;   /* was #101a15 */
	--color-surface-2:    #2A322F;   /* was #16221c */
	--color-line:         #2A322F;   /* was #223029 — warm hairline on charcoal */

	/* ---- text on dark ----------------------------------------------------
	   Warm off-white rather than the old cool one. */
	--color-cream:        #F4F1E9;   /* was #eef3f0 */
	--color-neutral:      #F4F1E9;   /* was #eef3f0 */
	--color-muted:        #A6B2AD;   /* was #9db3a9 */

	/* ---- brand ----------------------------------------------------------
	   --color-brand and --color-brand-700 were already exactly the home page's
	   --green and --green-dk, so they are deliberately left alone. */
	--color-brand-300:    #7FDCAE;   /* was #78d6a9 */
	--color-brand-400:    #5FCB9C;   /* was #5bc793 */

	/* ---- secondaries, kept in step with the ramp above ------------------ */
	--color-secondary-200: #2A322F;  /* was #223029 */
	--color-secondary-600: #A6B2AD;  /* was #a6bab0 */
	--color-secondary-700: #3A443F;  /* was #33443b */

	/* The theme derives this from brand + ink; both moved, so it is restated
	   here rather than left pointing at the old near-black. */
	--color-surface-tint: color-mix(in srgb, #4AB683 5%, #171C1A);

	/* ---- accents the home page introduced -------------------------------
	   Nothing on the older pages references these yet. They are defined here so
	   that anything rebuilt onto this palette has them available under one name
	   instead of inventing a second amber. */
	--color-amber:        #FFB13B;
	--color-amber-dark:   #C97C10;
	--color-blue:         #2D7FF9;
	--color-blue-dark:    #1A5FC8;
	--color-blue-light:   #7FB0FF;

	/* ---- warm paper, for light sections ---------------------------------
	   The home page's light bands are warm cream, not white. Same note as
	   above: defined for use, not yet referenced by the older pages. */
	--color-paper:        #F7F3EA;
	--color-paper-2:      #EFE8D9;
	--color-paper-3:      #E3DAC7;
	--color-on-light:     #171C1A;
	--color-on-light-mute:#5A6461;
}

/* Fonts are deliberately absent: the theme already resolves --font-display to
   Bricolage Grotesque and --font-sans to Hanken Grotesk, which is exactly what
   the home page uses. There is nothing to bridge. */