/* ==========================================================================
   babyname bot — design tokens
   Source of truth: design/source/Babyname Bot Homepage v2.dc.html
   Five brights on warm paper. Mint carries every action; the other four are
   signals only, never decoration.
   ========================================================================== */

:root {
  /* --- Brand: mint (primary — buttons, links, brand mark) ---------------- */
  --mint:            #09BC8A;
  --mint-hover:      #08A87B;
  --mint-link:       #09826A;  /* mint at text contrast */
  --mint-deep:       #068064;
  --mint-ink:        #042A20;  /* text ON mint — deep ink, never white */
  --mint-ink-soft:   #033025;
  --mint-tint:       #E4F8F1;  /* selected chips, soft fills */
  --mint-tint-card:  #E9FAF4;
  --mint-pastel:     #C6F1E3;  /* hero blobs */
  --mint-border:     #BEEDDD;
  --mint-on-dark:    #7BE0C0;  /* links on ink surfaces */
  --mint-text:       #07694F;

  /* --- Signal: cherry (girl names, nicknames, saved favourites) ---------- */
  --cherry:          #C5283D;
  --cherry-deep:     #A81F32;
  --cherry-tint:     #FBE1E5;
  --cherry-ink:      #8E1D2C;
  --cherry-card:     #FDEDEF;
  --cherry-border:   #F6C9D0;
  --cherry-pastel:   #F9C8CF;

  /* --- Signal: blue (boy names, sibling pairings) ------------------------ */
  --blue:            #1C77C3;
  --blue-tint:       #E2EFF9;
  --blue-ink:        #175B93;
  --blue-card:       #E8F3FB;
  --blue-border:     #C3DFF4;
  --blue-pastel:     #C9E1F5;

  /* --- Signal: amber (data only — popularity, trends, logo accent) ------- */
  --amber:           #F7B801;
  --amber-tint:      #FFF3D1;
  --amber-ink:       #8A6400;
  --amber-pastel:    #FDE29A;

  /* --- Signal: violet (either/neutral names, cross-culture spellings) ---- */
  --violet:          #E88EED;
  --violet-tint:     #F7E4F8;
  --violet-ink:      #8B3892;
  --violet-pastel:   #F2C9F5;

  /* --- Surfaces --------------------------------------------------------- */
  --paper:           #FFFCF6;  /* page background */
  --oat:             #F7F3E9;  /* alternating sections */
  --cream:           #FFF9EC;  /* warm band sections */
  --surface:         #FFFFFF;  /* cards, panels */
  --surface-sunk:    #FCFAF3;  /* inset panel */
  --ink-surface:     #16241F;  /* dark surface */

  /* --- Text ------------------------------------------------------------- */
  --ink:             #16241F;  /* body copy, headlines */
  --ink-2:           #3C4B45;
  --body:            #4E5F58;
  --muted:           #54635C;
  --sage:            #68766F;  /* secondary text, labels */
  --label:           #7B8A83;  /* eyebrow / uppercase labels */
  --faint:           #8A9791;
  --on-ink:          #F4F1E7;
  --on-ink-muted:    #93A39B;

  /* --- Borders ---------------------------------------------------------- */
  --line:            #EFE7D9;  /* default hairline */
  --line-soft:       #F2EBDE;
  --line-field:      #E3DACB;  /* inputs */
  --line-chip:       #EAE1D1;
  --line-card:       #EBE2D2;
  --line-cream:      #F3E7CC;
  --line-rule:       #EDE5D6;
  --line-on-ink:     #47564F;

  /* --- Type ------------------------------------------------------------- */
  --font-display: "Sue Ellen Francisco", "Comic Sans MS", cursive;
  --font-ui: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --display-lh:      1.35;
  --display-ls:      0.015em;
  --tight-ls:       -0.015em;   /* Plus Jakarta Sans at 17px+ */
  --label-ls:        0.09em;    /* uppercase eyebrows */

  /* --- Radii ------------------------------------------------------------ */
  --r-control:  8px;
  --r-mark:    11px;
  --r-item:    12px;
  --r-card:    14px;
  --r-panel:   18px;
  --r-pill:   999px;

  /* --- Elevation -------------------------------------------------------- */
  --shadow-pill: 0 6px 18px -12px rgba(9, 60, 45, 0.40);
  --shadow-card: 0 22px 50px -34px rgba(9, 60, 45, 0.35);
  --shadow-lift: 0 14px 30px -20px rgba(9, 60, 45, 0.45);

  /* --- Motion ----------------------------------------------------------- */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --fast: 160ms;
  --slow: 320ms;
}