/* Agria / Furr Boost — design tokens from Figma frame 1298:414 */
:root {
  --agria-font-display: "Fraunces", "Times New Roman", serif;
  --agria-font-body: "DM Sans", "Segoe UI", sans-serif;
  --agria-display-axes: "SOFT" 0, "WONK" 1, "opsz" 144;
  --agria-body-axes: "opsz" 14;

  --agria-color-ink: #18191c;
  --agria-color-black: #000000;
  --agria-color-white: #ffffff;
  --agria-color-deep: #0a3d49;
  --agria-color-navy: #0b2545;
  --agria-color-overlay: rgba(7, 25, 49, 0.8);
  --agria-color-video-scrim: rgba(0, 0, 0, 0.35);
  --agria-color-mint: #b0d4cd;
  --agria-color-mint-40: rgba(176, 212, 205, 0.4);
  --agria-color-mint-badge: #c6e2dd;
  --agria-color-mint-cell: #f0faf8;
  --agria-color-teal: #00a896;
  --agria-color-eyebrow: #afb9f1;
  --agria-color-accent: #aa1b5c;
  --agria-color-muted: #9da6a8;
  --agria-color-caption: #4a5a66;
  --agria-color-line: #dee5e3;
  --agria-color-line-strong: #dae2e4;
  --agria-color-logo-ring: #72726e;
  --agria-color-paper: #f1f1f1;
  --agria-color-mist: #f4f7f6;
  --agria-color-rule: #18191c;
  --agria-color-hairline: rgba(255, 255, 255, 0.15);
  --agria-color-arrow-border: rgba(255, 255, 255, 0.4);

  --agria-column: 1100px;
  --agria-section-y: 80px;
  --agria-radius-pill: 999px;
  --agria-radius-card: 16px;

  --agria-h1-size: 36px;
  --agria-h1-line: 45px;
  --agria-h2-size: 32px;
  --agria-h2-line: 40px;
  --agria-body-size: 16px;
  --agria-body-line: 26px;
  --agria-eyebrow-size: 14px;
  --agria-eyebrow-line: 16px;
  --agria-eyebrow-track: 1.98px;
}