/* ============================================================
   Kindred Search — Brand tokens
   ------------------------------------------------------------
   This is the customization layer. Rebrand the template by
   editing the values below; index.html reads all of them.
   Loaded BEFORE the inline <style> in index.html.
   ============================================================ */

:root{
  /* ---- Core palette ---------------------------------------
     porcelain / porcelain-2 = page background, recessed band
     paper      = raised card / pure white surface
     ink / ink-2 = primary text, secondary (softer) text
     grey       = tertiary text / captions
     apricot    = PRIMARY ACCENT — large fills, hover states
     apricot-dp = AA-safe accent for SMALL text (4.8:1 on porcelain)
     apricot-lt = light accent tint (badges, subtle fills)
     sand       = borders / hairline tint
  --------------------------------------------------------- */
  --porcelain:#F7F4F1;
  --porcelain-2:#EFEAE5;
  --paper:#FFFFFF;
  --ink:#181A21;
  --ink-2:#2E3138;
  --grey:#6B6862;
  --apricot:#E8834A;      /* large fills, hover */
  --apricot-dp:#A54F1D;   /* AA on porcelain AND on the apricot tint for small text (4.8:1) */
  --apricot-lt:#FBEADF;
  --sand:#E2DAD2;

  /* ---- Typefaces ------------------------------------------
     Change these AND the Google Fonts <link> in index.html.
  --------------------------------------------------------- */
  --serif:'Fraunces',Georgia,serif;          /* display / headings */
  --sans:'Inter',system-ui,sans-serif;       /* body / UI */
  --mono:'IBM Plex Mono',monospace;          /* eyebrow labels / data bands */

  /* ---- Shape + motion --------------------------------------- */
  --r:10px;
  --ease:cubic-bezier(.22,.61,.36,1);
}