/* Palette sampled from the user's flower reference, 2026-09-18. */
:root{
  --paper:#f8f5ee;
  --pink:#ff7fa8;
  --yellow:#fcba02;
  --blue:#8db9de;
  --coral:#fc4d38;
  --ink:#403338;
  --muted:#665159;
  --line:#e7becb;
  --lime:var(--pink);
  --sage:#ffe1eb;
  --orange:var(--yellow);
  --berry:#98254c;
  --blush:#ffe1eb;
}
body{background-color:var(--paper)}
a:hover{color:var(--berry)}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--ink)}
::selection{background:var(--yellow);color:var(--ink)}
.button.dark{background:var(--yellow);border-color:var(--yellow);color:var(--ink)}
.button.dark:hover{background:var(--blue);border-color:var(--blue);color:var(--ink)}
.button.light:hover{background:var(--sage)}
.dot,.brand-symbol>span{background:var(--coral)}
.brand-symbol>span{background:none;color:var(--coral)}
.member-link,.panel,.metric,.table-wrap{background:var(--paper)}
.hero-footnote,.bunny-hero figcaption{color:var(--ink)}
.pocket-hero .underlined:after{background:var(--yellow)}
.pocket-hero .story-link{border-color:var(--berry)}
.pocket-hero:before{border-color:#f8f5ee80}
.word-ribbon{color:var(--berry)}
.word-ribbon b:nth-of-type(3n+1){color:var(--coral)}
.word-ribbon b:nth-of-type(3n+2){color:var(--blue)}
.word-ribbon b:nth-of-type(3n){color:var(--yellow)}
.pocket-story:before{background:var(--blue)}
.pocket-story:after{color:var(--coral)}
.glyph-sheet{background:var(--paper);box-shadow:12px 20px 0 var(--blue)}
.glyph-sheet:before{background:var(--yellow)}
.letter-copy article>span{color:var(--berry)}
.work-card:after{background:#98254c40}
.work-scene:before{background:#f8f5ee65}
.journal-paper,.gift-note{background:var(--paper);box-shadow:7px 13px 0 #98254c20}
.journal-paper{border-left-color:var(--blue)}
.gift-note{outline-color:var(--coral)}
.sticker{background:var(--pink);border-color:var(--paper);color:var(--ink);box-shadow:6px 8px 0 #98254c20}
.sticker-two{background:var(--yellow)}
.sticker-three{background:var(--blue)}
.sticker-flower{background:var(--yellow);color:var(--coral)}
.sticker-heart{background:var(--coral);color:var(--paper)}
.note-presets button{background:var(--paper);border-color:var(--line);color:var(--ink)}
.note-presets button:hover{background:var(--yellow)}
.type-playground{background:var(--blush)}
.playground-toolbar{border-color:var(--line)}
.playground-toolbar select{background:var(--paper)}
.type-playground textarea{background-color:var(--paper);caret-color:var(--berry)}
.pocket-launch:after{background:var(--yellow)}
.site-footer{background:var(--blue);color:var(--ink)}
.site-footer a:hover{color:var(--berry)}
.footer-bottom{color:var(--ink);border-color:#493b4040}
.auth-aside{background:var(--blush)}
.auth-drawing span{background:var(--yellow)}
.auth-drawing i{color:var(--coral)}
form label>input:not([type=checkbox]),form label>textarea,form label>select{background:var(--paper);border-color:var(--line)}
.checkout-mini{background:var(--blush)}
.alert{background:#fff0b8;border-color:var(--yellow)}
.pill{background:var(--yellow);color:var(--ink)}
.product-details>div{border-color:var(--line)}
@media(max-width:760px){.glyph-sheet{box-shadow:8px 14px 0 var(--blue)}}

/* Small copy on saturated pink uses the high-contrast ink tone. */
.pocket-hero .eyebrow,.pocket-hero .hero-label,.pocket-hero .hero-label span,.pocket-hero .floating-caption,.pocket-hero a:hover,.pocket-works .eyebrow,.pocket-works .work-caption>span{color:var(--ink)}