/* =================================================================
   Famula Design System — TOKENS
   Imported by WordPress on every page (front + editor).
   Mirrors theme.json so theme.json stays the source of truth,
   but CSS-only code (WPForms, classic widgets, shortcodes) can
   still reach the palette via --famula-* variables.
   ================================================================= */

/* Google-Fonts fallbacks. If you bundle .woff2 files in
   assets/fonts/ theme.json already wires them up; this @import is
   a safety net for browsers / pages that bypass theme.json. */
/* Cabin is the current free stand-in for the licensed brand face, Agenda
   (Font Bureau). When the hosted Agenda webfont lands, add its embed to
   functions.php; Agenda sits first in --font-body so it takes over. */
@import url("https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&family=Sansita:ital,wght@1,700;1,800&display=swap");

:root {
  /* Brand colours (EXACT — eyedropped from PSD) */
  --famula-cream:        #F1EFE7;
  --famula-white:        #FFFFFF;
  --famula-sand:         #E9E2D2;
  --famula-navy:         #2A455A;
  --famula-navy-soft:    #355472;
  --famula-rust:         #8C2E32;
  --famula-rust-dark:    #74262A;
  --famula-orange:       #B96D1D;
  --famula-orange-soft:  #CE8534;
  --famula-olive:        #555A3A;
  --famula-olive-dark:   #444932;
  --famula-sage:         #C4C7AB;
  --famula-ink:          #2E2E2E;
  --famula-ink-deep:     #252525;
  --famula-mute:         #7A7368;
  --famula-line:         rgba(27, 27, 25, 0.12);
  --famula-line-strong:  rgba(27, 27, 25, 0.18);

  /* Type families */
  --font-display:  "DM Serif Display", Georgia, serif;
  --font-body:     "Agenda", "Cabin", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-stamp:    "Sansita", "Cabin", sans-serif;

  /* Radii */
  --r-input: 4px;
  --r-btn:   6px;
  --r-card:  8px;
  --r-photo: 12px;
  --r-pill:  999px;

  /* Shadows */
  --shadow-card:        0 2px 6px rgba(20, 20, 18, 0.06);
  --shadow-card-hover:  0 6px 14px rgba(20, 20, 18, 0.10);
  --shadow-header:      0 1px 0 rgba(27, 27, 25, 0.08);

  /* Motion */
  --ease-standard:  cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:       160ms;
  --dur-base:       240ms;
  --dur-slow:       400ms;
}