/* ---- GLAT / light -----------------------------------------------------------
   The palette. Structure lives in ../styles.css and is shared with every theme
   in this folder; nothing here sets a size, a position or a font.

   Inherited from glatllc.com so the two sites read as one company:

     1. One ground. White, painted once. Every division is a 1px rule, never a
        second surface — which is why there is no --ground-2 here to reach for.
     2. One ink, three weights. --text / --muted / --dim, and nothing between.
     3. One accent. Brand green, and nothing beside it. Brand blue #1177ee is
        logo art (guidelines.md, assets/); it is deliberately not a UI colour,
        because a stray second colour reads as a template rather than an owner.

   Ratios are against --ground and were computed, not estimated.
--------------------------------------------------------------------------- */
:root{
  color-scheme: light;

  --ground:  #ffffff;

  --hair:        rgba(13,27,34,.16);
  --hair-strong: rgba(13,27,34,.34);

  --text:   #0d1b22;   /* 15.9:1 */
  --muted:  #4b5c65;   /*  6.9:1 */
  --dim:    #5d6e78;   /*  5.3:1 — small uppercase labels sit here */

  --green:       #009966;   /* brand; rules and fills only, never small text */
  --green-deep:  #00734e;   /*  5.9:1 — links, accents, button fills */
  --green-wash:  rgba(0,153,102,.07);   /* the one tint, hover states only */

  --on-accent:   #ffffff;   /*  5.9:1 on --green-deep — text on a filled button */
}