/* ==========================================================================
   iDev landing — brand.css
   THE ONLY FILE THAT CARRIES A COLOUR LITERAL.

   Re-branding this page (white-label / resale) = regenerating this one file
   at deploy time — e.g. from env — and touching nothing else. styles.css
   derives every tint, band, shadow and status-soft from these via color-mix
   and contains no hex/rgb/named colour of its own.

   Contract:
     --primary       brand fill + link ink (must clear 4.5:1 on --primary-fg)
     --primary-hover pressed/hover state of --primary
     --primary-fg    text and icons that sit ON --primary
     --accent        secondary brand ink (eyebrows, markers, small emphasis);
                     must clear 4.5:1 on --bg and --surface
     --bg            page ground
     --surface       cards / raised panels
     --text          primary ink        (4.5:1+ on --bg and --surface)
     --text-muted    secondary ink      (4.5:1+ on --bg and --surface)
     --border        hairlines
     --ok / --warn   access-verdict status inks (product mocks); usually kept
                     across brands — they are semantic, not decorative
   ========================================================================== */
:root {
  color-scheme: light;

  --primary:       #0e4f4a;  /* deep teal   */
  --primary-hover: #0a3b37;
  --primary-fg:    #ffffff;

  --accent:        #7f5a17;  /* bronze      */

  --bg:            #f6f4ef;  /* limestone   */
  --surface:       #fffefb;
  --text:          #1a1815;
  --text-muted:    #56514a;
  --border:        #e6e2d8;

  --ok:            #187633;
  --warn:          #8c5e00;
}