/* Plantae Foods tokens, from Pia Pulgar's brand manual via the "Plantae Foods" design system
   (see DESIGN.md). The one place literal colors live: site.css reads variables only
   (tests/test_contrast.py enforces it). Light theme only.

   --cnx-* is the semantic layer the core reads; this file is loaded after core theme.css
   (block cnx_brand_css) and redefines it, so no core page keeps the Springhead look. */

:root {
  color-scheme: light;

  /* Brand palette (manual). */
  --pf-bosque: #00571f;
  --pf-hoja: #177333;
  --pf-oliva: #828b37;
  --pf-brote: #c2d18a;
  --pf-rosa: #f5adab;
  --pf-coral: #ee7180;
  --pf-mostaza: #e5ab4a;
  --pf-tomate: #df6647;
  --pf-terracota: #8c351e;
  --pf-tinta: #231f20;
  --pf-white: #ffffff;

  /* Derived by the design system, not from the manual (see DESIGN.md, provenance). */
  --pf-surface-alt: #eef3dc;
  --pf-text-muted: #5b5658;
  --pf-border: #cfd6bd;
  --pf-border-strong: #7a8266;
  --pf-shadow-float: 0 8px 24px rgba(0, 40, 14, 0.14);

  /* Semantic roles used by site.css. */
  --pf-surface-brand: var(--pf-bosque);
  --pf-text-brand: var(--pf-bosque);
  --pf-text-accent: var(--pf-terracota);
  --pf-text-on-brand: var(--pf-white);
  --pf-text-on-brand-accent: var(--pf-brote);
  --pf-focus-on-brand: var(--pf-brote);
  --pf-on-chip: var(--pf-tinta);

  /* Type. */
  --pf-font-display: "Rainesta", "Now", Georgia, serif;
  --pf-font-sans: "Now", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Shape. */
  --pf-radius-sm: 6px;
  --pf-radius-md: 14px;
  --pf-radius-lg: 32px;
  --pf-measure: 65ch;

  /* Core semantic layer. */
  --cnx-surface: var(--pf-white);
  --cnx-text: var(--pf-tinta);
  --cnx-text-muted: var(--pf-text-muted);
  --cnx-border: var(--pf-border);
  --cnx-border-input: var(--pf-border-strong);
  --cnx-primary: var(--pf-bosque);
  --cnx-primary-hover: var(--pf-hoja);
  --cnx-primary-busy: var(--pf-text-muted);
  --cnx-on-primary: var(--pf-white);
  --cnx-link: var(--pf-bosque);
  --cnx-accent: var(--pf-brote);
  --cnx-danger: var(--pf-terracota);
  --cnx-success: var(--pf-hoja);
  --cnx-selection: var(--pf-brote);
  --cnx-qr-ink: var(--pf-tinta);
  --cnx-qr-paper: var(--pf-white);
  --cnx-focus-ring: var(--pf-bosque);
  --cnx-focus-ring-width: 3px;
  --cnx-focus-ring-offset: 2px;

  --cnx-font-text: var(--pf-font-sans);
  --cnx-font-display: var(--pf-font-display);
  --cnx-text-weight: 400;
  --cnx-strong-weight: 700;
  --cnx-display-weight: 900;
  --cnx-fs-small: 1rem;
  --cnx-fs-body: 1.125rem;
  --cnx-fs-title: 2.5rem;

  --cnx-s-1: 4px;
  --cnx-s-2: 8px;
  --cnx-s-3: 12px;
  --cnx-s-4: 16px;
  --cnx-s-5: 24px;
  --cnx-s-6: 32px;
  --cnx-s-7: 48px;
  --cnx-s-8: 64px;

  --cnx-radius: var(--pf-radius-sm);
  --cnx-header-height: 72px;
  --cnx-container-width: 75rem;
  --cnx-touch: 44px;
  --cnx-touch-mobile: 48px;

  --cnx-motion-fast: 150ms;
  --cnx-ease-out: ease-out;
}