/* Scriblive design tokens: the fonts and colours, ONE file for the site's pages, the app and the worker's own pages
   (the gift buyer's page, watch, ask to pay) (Alex, 2026-11-02). Brand colours and faces from the brand kit
   (brand/assets/design-tokens.json); the interface's own colours below them. Layout values stay with each place. */
@font-face { font-family: "Fraunces"; src: url("/static/fonts/Fraunces.ttf") format("truetype"); font-weight: 300 900; font-display: swap; }
@font-face { font-family: "DM Sans"; src: url("/static/fonts/DM-Sans.ttf") format("truetype"); font-weight: 300 900; font-display: swap; }
@font-face { font-family: "Lora"; src: url("/static/fonts/Lora.ttf") format("truetype"); font-weight: 400 700; font-display: swap; }
@font-face { font-family: "Golos Text"; src: url("/static/fonts/Golos-Text.ttf") format("truetype"); font-weight: 400 900; font-display: swap; }
@font-face { font-family: "Caveat"; src: url("/static/fonts/Caveat.ttf") format("truetype"); font-weight: 400 700; font-display: swap; }

:root {
  /* the brand kit */
  --paper: #FFF8ED; --plum: #352B3E; --coral: #F27B65; --lilac: #DCD4ED; --leaf: #DCE7CF;
  /* the interface */
  --white: #FFFFFF; --card: #FFFFFF; --muted: #6A5F72; --line: #EADFCF;
  --sun: #FBE3B8; --placeholder: var(--sun);          /* the warm yellow behind a picture still loading */
  --display: "Fraunces", Georgia, serif; --body: "DM Sans", system-ui, Arial, sans-serif;
}
/* Russian: Lora and Golos Text (the brand kit's ru faces) */
:lang(ru) { --display: "Lora", Georgia, serif; --body: "Golos Text", system-ui, Arial, sans-serif; }