/* ==========================================================================
   ECOHIT Design Tokens v1.0
   Single source of truth. Mirror these in Elementor Global Colors/Fonts.
   Source: ECOHIT master prompt v01 (2026-08-11), Design manual v1.0
   ========================================================================== */

:root {
  /* Colors */
  --eco-navy: #0E2B45;
  --eco-blue: #1976BB;
  --eco-yellow: #F5B10E;
  --eco-bg: #F4F7FA;
  --eco-white: #FFFFFF;
  --eco-text: #0E2B45;
  --eco-text-muted: #566B7D;
  --eco-success: #2E9E5B;
  --eco-success-text: #1F7A44;
  --eco-warning: #E08A00;
  --eco-warning-text: #9A5E00;
  --eco-error: #C4322B;
  --eco-logo-green: #8DC540;
  --eco-border: #D9E2EA;
  --eco-shadow: 0 16px 40px rgb(14 43 69 / 0.10);

  /* Derived surfaces (documented, not ad-hoc) */
  --eco-navy-soft: #16395A;      /* cards on dark sections */
  --eco-blue-soft: #E4EFF8;      /* light blue tint for chips/badges */
  --eco-yellow-soft: #FDF1DC;    /* notice background */

  /* Typography */
  --eco-font-heading: "Manrope", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --eco-font-body: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --eco-h1: clamp(1.6875rem, 1.25rem + 1.9vw, 2.6875rem);
  --eco-h2: clamp(1.5rem, 1.25rem + 1vw, 2.0625rem);
  --eco-h3: 1.3125rem;
  --eco-perex: 1.1875rem;
  --eco-body: 1rem;
  --eco-small: 0.875rem;
  --eco-legal-min: 0.75rem;

  /* Spacing */
  --eco-space-1: 0.25rem;
  --eco-space-2: 0.5rem;
  --eco-space-3: 0.75rem;
  --eco-space-4: 1rem;
  --eco-space-6: 1.5rem;
  --eco-space-8: 2rem;
  --eco-space-12: 3rem;
  --eco-space-16: 4rem;
  --eco-space-24: 6rem;

  /* Shape */
  --eco-radius-button: 0.75rem;
  --eco-radius-card: 1rem;
  --eco-radius-panel: 1.5rem;

  /* Layout */
  --eco-container: 75rem;
  --eco-reading: 72ch;

  /* Motion */
  --eco-transition: 200ms ease;
}