/* The palette. site.css names no colour; every one is a token here.

   Site: prettyme.ph. Sampled, not chosen (docs/brand.md): the logo is 15,039
   pixels of #EA5284 and 114 of #F08AAC; the rest is the live theme's.

     #EA5284  the logo pink          too light for text (3.5:1 on white), so it
                                     is the accent: rules, the kicker dot, bands
     #B02F62  the same pink, darker  --brand-ink: links, kickers, buttons (white 6.1:1)
     #F08AAC  the logo's highlight   --brand-soft
     #EECFD8  the live blush band    --blush, and a lighter step for grounds
     #F6F2EF  the live cream page    --cream, used sparingly: the look is white-led
     #333 / #282828 / #646464        text, headings, muted (5.9:1)

   Light only, as the live site is. */

:root {
  color-scheme: light;

  --bg:          #ffffff;
  --surface:     #ffffff;
  --cream:       #f6f2ef;
  --blush:       #eecfd8;
  --blush-soft:  #fbeaf0;
  --ink:         #333333;
  --ink-strong:  #282828;
  --muted:       #646464;
  --line:        #e8e1e3;
  --line-strong: #282828;

  --brand:       #ea5284;   /* the logo pink: never under text */
  --brand-soft:  #f08aac;
  --brand-ink:   #b02f62;   /* white on this 6.1:1; on --blush-soft 5.3:1 */
  --brand-deep:  #9e2656;   /* hover */
  --on-brand:    #ffffff;

  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-text:    Inter, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  --wrap:   1240px;
  --column: 700px;
}