@import url("../fonts/fraunces.css?v=20260810-auditfix1");

:root {
  color-scheme: light;

  /* Field-guide paper and ink */
  --paper: #f5f0e4;
  --paper-warm: #faf6ec;
  --paper-deep: #ede6d3;
  --parchment: #e3dac4;
  --ink: #3d3428;
  --ink-soft: #6b5f4e;
  --ink-faint: #8b7e69;

  /* Signature metal and botanical tones */
  --gold: #b99b5f;
  --gold-bright: #d4b678;
  --gold-faint: #dccda8;
  --sage: #7d8f70;
  --slate: #667b91;
  --ochre: #b47e39;
  --lavender: #877a98;
  --leaf: #536f49;
  --sky: #7d9eaa;

  /* Safety only */
  --danger: #9a3f2e;
  --danger-bg: #f3e3dc;
  --caution: #9a6727;
  --caution-bg: #f5ebd8;
  --safe: #526f4b;
  --safe-bg: #e5ebdd;

  /* Derived surfaces */
  --line: rgba(61, 52, 40, 0.19);
  --line-strong: rgba(128, 101, 50, 0.46);
  --paper-glass: rgba(250, 246, 236, 0.94);
  --paper-quiet: rgba(245, 240, 228, 0.74);
  --ink-overlay: rgba(38, 33, 26, 0.63);
  --focus: #735c2f;

  /* Type */
  --font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --t-hero: clamp(2.55rem, 7vw, 5.4rem);
  --t-h1: clamp(2.1rem, 5vw, 3.75rem);
  --t-h2: clamp(1.55rem, 3.4vw, 2.35rem);
  --t-h3: clamp(1.08rem, 1.8vw, 1.28rem);
  --t-body: 1.0625rem;
  --t-small: 0.9375rem;
  --t-eyebrow: 0.74rem;

  /* Space, shape, and motion */
  --s-1: 0.25rem;
  --s-2: 0.5rem;
  --s-3: 0.75rem;
  --s-4: 1rem;
  --s-5: 1.5rem;
  --s-6: 2rem;
  --s-7: 3rem;
  --s-8: 4rem;
  --s-9: 6rem;
  --r-card: 16px;
  --r-tile: 20px;
  --r-soft: 10px;
  --r-pill: 999px;
  --tap: 44px;
  --page: 1180px;
  --shadow-soft: 0 1px 2px rgba(61, 52, 40, 0.07), 0 8px 24px rgba(61, 52, 40, 0.08);
  --shadow-lift: 0 3px 7px rgba(61, 52, 40, 0.09), 0 18px 42px rgba(61, 52, 40, 0.13);
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}