/* ==========================================================================
   Screenpuppets — Design Tokens (Single Source of Truth)

   Wird in layouts/puppet.blade.php VOR puppet.css und puppet-cutouts.css
   geladen. Definiert die Stamm-Tokens, auf die puppet-cutouts.css
   (--sp-*) und puppet.css (--pp-*) aliased werden.

   Schrift bewusst System-Stack (Georgia + Apple-System) — entspricht der
   Live-Landing screenpuppets.com. WOFF2-Variante (Playfair + Inter) liegt
   unter /fonts/screenpuppets/ dormant, falls wir später doch wechseln.
   ========================================================================== */

:root {
  /* Background */
  --bg:          #F5EDE0;          /* cream paper */
  --bg-alt:      #EFE3CF;          /* slightly darker cream */
  --bg-input:    #ECE0CB;          /* form-input fill */
  --bg-tint:     #ECE4D2;          /* puppet.css legacy: input/section tint */

  /* Ink */
  --ink:         #2A1F18;          /* dark brown for body text */
  --ink-strong:  #1C140E;          /* near-black for headlines */
  --ink-muted:   #6B5A48;          /* secondary text */
  --ink-subtle:  #968571;          /* tertiary text, captions */
  --ink-faint:   var(--ink-subtle);/* alias for puppet-cutouts.css + legacy puppet.css */
  --line:        var(--ink);       /* legacy alias used as border color in puppet.css */

  /* Accent */
  --accent:      #B83A1F;          /* rust red, single accent */
  --accent-soft: rgba(184,58,31,0.12);
  --accent-line: rgba(184,58,31,0.35);
  --ok:          #4A8F3A;          /* legacy success colour from puppet.css */

  /* Photo placeholder */
  --photo-bg:    #D8D2C8;
  --photo-text:  #8A7E6E;

  /* Radii */
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;

  /* Typography — passt zur Live-Landing screenpuppets.com */
  --serif: Georgia, 'Iowan Old Style', 'Times New Roman', serif;
  --sans:  -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}