/* ==========================================================================
   theme.css  ·  Kovante
   ==========================================================================

   THIS IS YOUR FILE. Edit it freely.

   It loads AFTER the generated stylesheet, so anything you put here wins.
   The site generator copies it through untouched on every rebuild and never
   overwrites it, so your changes survive.

   How to use it:
     1. Edit this file.
     2. Save it into the site folder as theme.css (or send it to me).
     3. Redeploy. Your change appears on the next page load, not in a week.

   If you break something, delete what you added. Nothing here is required,
   and an empty file is perfectly valid.

   Most changes are one line in the block below.
   ========================================================================== */

:root {

  /* --- COLOUR ------------------------------------------------------------
     Change these five and the whole site follows: buttons, links, headings,
     badges, score rings, table headers. You do not need to hunt anything down. */

  /* --brand:      #0f5c6e;  */   /* deep teal. Headings, primary buttons.       */
  /* --brand-2:    #127f96;  */   /* lighter teal. Links, score rings.           */
  /* --brand-soft: #e8f3f5;  */   /* pale teal. Selected chips, claim box.       */
  /* --gold:       #a8761f;  */   /* accent. Badges, the house icon.             */
  /* --good:       #1d6b3d;  */   /* green. Confirmed availability, live states. */

  /* --- TEXT --------------------------------------------------------------- */

  /* --ink:   #1d2b30;  */        /* body text                                  */
  /* --ink-2: #3d5257;  */        /* secondary text                             */
  /* --ink-3: #5d7278;  */        /* hints, captions, muted labels              */

  /* --- LINES AND SURFACES ------------------------------------------------- */

  /* --card:   #ffffff; */        /* card backgrounds                           */
  /* --line:   #dde5e7; */        /* borders                                    */
  /* --line-2: #eef2f3; */        /* faint dividers inside tables               */

  /* To change one, delete the /* and */ around that line and set your value.
     Example, to make the site navy instead of teal:
         --brand:   #17324f;
         --brand-2: #2b5b86;
     Keep --brand-soft very pale or selected chips become unreadable. */
}


/* ==========================================================================
   COMMON TWEAKS
   Delete the /* and */ around a block to switch it on.
   ========================================================================== */

/* --- Bigger body text throughout (helpful for this audience) ---------------
body { font-size: 16.5px; }
--- */

/* --- A different typeface. Use fonts already on the machine, so nothing is
       loaded from a third party. Never add a Google Fonts link: it is a
       third-party request on pages where families answer health questions,
       which is the one thing this site must not do. -----------------------
body { font-family: Georgia, "Iowan Old Style", "Times New Roman", serif; }
--- */

/* --- Squarer corners --------------------------------------------------------
.card, .mcard, .pricecard, .claimbox, .soon { border-radius: 4px; }
.btn { border-radius: 4px; }
--- */

/* --- Hide the top notice bar entirely.
       Only do this once pricing is real and availability is being reported.
       Until then the notice is the honest thing to show. ---------------------
.demobar { display: none; }
--- */

/* --- Make the headline smaller or larger -----------------------------------
.hero.tight h1 { font-size: 26px; }
--- */

/* --- Wider page ------------------------------------------------------------
.wrap { max-width: 1240px; }
--- */

/* --- Logo colour -----------------------------------------------------------
.logo { color: #17324f; }
--- */


/* ==========================================================================
   YOUR CHANGES BELOW THIS LINE
   ========================================================================== */
