/* ============================================================
   DELIGHT & SAVOR — BRAND TOKENS
   Paper is the material. Everything else is ink on it.

   The hierarchy, and it is closed:
     Paper #F5F1E8 → Juniper #3F6260 → Ink #292D2C
     → Weathered Blue #607A86 → Ochre #B59055
     → and the natural colours inside the illustrations.

   No terracotta. No sage family. No extra neutrals "for
   differentiation" — differentiate with space and rules instead.

   Juniper sits deliberately on the blue/green boundary (G and B
   within a couple of points). Do not let it drift toward forest.
   Weathered blue is a secondary that should only be noticed after
   looking a while: use it for a title's italic, a link, a small
   graphic — never as a section background.
   Ochre is for tiny editorial marks only: rules, arrows, a margin
   mark, a hover. Primary buttons are juniper.
   ============================================================ */

:root {
  /* ---- Paper: the dominant field ---------------------------- */
  --ds-paper:        #F6F2E9;
  --ds-paper-warm:   #FBF8F1;  /* raised cards            */
  --ds-paper-deep:   #EEE8DC;  /* quiet alternating bands */

  /* ---- Ink -------------------------------------------------- */
  --ds-ink:          #1A1C1B;  /* body copy      12.4:1 on paper */
  --ds-ink-soft:     #4B5351;  /* secondary text  6.8:1 on paper */

  /* ---- Juniper: the brand ink ------------------------------- */
  --ds-juniper:      #49686B;  /* headings, buttons  5.96:1 on paper */
  --ds-juniper-deep: #344F51;  /* small dark panels, button hover    */
  --ds-juniper-pale: #E8EEEE;  /* faintest tint, sparing             */

  /* ---- Weathered blue: secondary, used sparingly ------------ */
  --ds-blue:         #6A7F8A;  /* small graphics and rules        */
  --ds-blue-text:    #596B74;  /* when it carries words  4.97:1   */

  /* ---- Ochre: tiny warm marks only -------------------------- */
  --ds-ochre:        #B28A50;  /* rules, arrows, margin marks     */
  --ds-ochre-text:   #785B31;  /* an emphasised word     5.63:1   */
  --ds-ochre-lt:     #DFC596;  /* only on deep juniper   5.78:1   */

  /* ---- Rules ------------------------------------------------ */
  --ds-rule:         rgba(73, 104, 107, .18);
  --ds-rule-strong:  rgba(73, 104, 107, .34);
  --ds-rule-dark:    rgba(246, 242, 233, .18);

  /* ---- Type ------------------------------------------------- */
  --ds-display: 'Playfair Display', Georgia, serif;
  --ds-body:    'Cormorant Garamond', Georgia, serif;
  --ds-sans:    'Jost', system-ui, -apple-system, sans-serif;
  --ds-hand:    'Caveat', cursive;   /* marginalia only, sparingly */
}
