/**
 * AgroChamba — Design tokens (single source of truth for the public web).
 *
 * Enqueued globally as handle `agrochamba-tokens` (depends on `agrochamba-fonts`)
 * from modules/77-site-nav.php. Canon = the mature product palette
 * (templates/single-trabajo.php + archive-trabajo.php), extended with semantic
 * state and third-party channel layers so migrated surfaces can reach zero raw hex.
 *
 * DO NOT hardcode brand/state/channel hex in migrated templates/modules —
 * add or reuse a token here. Guarded by tests/test-web-design-tokens-guard.php.
 */
:root {
  /* ── Brand — primary green scale (canon: single-trabajo.php) ── */
  --brand-900: #1F3A0E;
  --brand-700: #2D5016;
  --brand-600: #3D6B1F;
  --brand-500: #4A8525;
  --brand-200: #BEDDA8;
  --brand-50:  #F0F9E8;

  /* ── Action / CTA green ── */
  --action-600: #16A34A;
  --action-500: #22C55E;
  --action-100: #DCFCE7;

  /* ── Neutrals ── */
  --gray-900: #0F172A;
  --gray-700: #334155;
  --gray-500: #64748B;   /* a11y guard #10: .postular-optional must keep var(--gray-500) — 4.5:1+ on white */
  --gray-400: #94A3B8;
  --gray-300: #CBD5E1;
  --gray-200: #E2E8F0;
  --gray-100: #F1F5F9;
  --gray-50:  #F8FAFC;
  --white:    #FFFFFF;

  /* ── Semantic state ── */
  --success-700: #15803D;
  --success-600: #16A34A;
  --success-50:  #F0FDF4;
  --danger-700:  #B91C1C;
  --danger-600:  #DC2626;
  --danger-100:  #FEE2E2;
  --danger-50:   #FEF2F2;
  --warning-800: #92400E;
  --warning-700: #B45309;
  --warning-100: #FEF3C7;
  --warning-50:  #FFFBEB;
  --info-700:    #1E40AF;
  --info-600:    #1976D2;
  --info-100:    #DBEAFE;
  --info-50:     #E3F2FD;

  /* ── Accent (ratings / highlight) ── */
  --accent-500: #F59E0B;
  --accent-100: #FEF3C7;

  /* ── "Like" blue (product references it by name) ── */
  --like-color: #2078F4;

  /* ── Third-party channel brand (fixed external identities) ── */
  --channel-whatsapp: #25D366;
  --channel-facebook: #1877F2;
  --channel-x:        #1DA1F2;
  --channel-youtube:  #FF0000;

  /* ── Footer chrome dark surface + muted text (a11y guard #12) ── */
  --surface-dark:   #1b2e1b;
  --on-dark-muted:  #9ca3af;  /* 5.69:1 on --surface-dark; NEVER #6b7280 (2.99:1) */

  /* ── Primitives ── */
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;
  --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --shadow-md: 0 4px 12px rgba(15,23,42,.08);
  --shadow-lg: 0 8px 24px rgba(15,23,42,.10);
}

/* Base alignment for the inline-SVG icon system (agrochamba_icon(), F6):
   inline SVG defaults to vertical-align: baseline and sits visibly high
   next to small text. Loaded globally (this file is enqueued site-wide),
   so it covers archive/search/the shared card; more specific rules in
   single-trabajo.css / front-page.css override it where they exist. */
.agro-icon { vertical-align: -2px; }