/* =========================================================================
   Syngenta Maroc — design tokens (from the "final new" Figma page)
   ========================================================================= */
:root {
  --syn-green-900: #1d3600;
  --syn-green-800: #264600;   /* dark bands, footer */
  --syn-green-700: #26400f;   /* tiles on dark bands */
  --syn-green-600: #007a2f;
  --syn-green-500: #009933;   /* primary buttons */
  --syn-green-400: #52e600;   /* highlighted words on dark */
  --syn-green-link: #4a7c1f;
  --syn-green-leaf: #5a7d2a;   /* icon glyphs and their hover accents */
  --syn-teal-ink: #1d5c63;
  --syn-card-hover: #264600;   /* crop-card hover panel, per-card via field_accent */
  --syn-brick: #ba2c00;
  --syn-orange: #eb8200;
  --syn-orange-600: #d17400;
  --syn-amber: #fdab00;        /* spotlight numbers and buttons */

  --syn-ink: #111827;
  --syn-ink-soft: #1f2937;
  --syn-body: #6b7280;
  --syn-muted: #8a8f98;
  --syn-gray-500: #667085;

  --syn-bg: #ffffff;
  --syn-bg-soft: #f9f9f9;
  --syn-bg-tint: #e8eff0;
  --syn-border: #ececec;

  --r-band: 40px;
  --r-xl: 28px;
  --r-lg: 20px;
  --r-md: 16px;
  --r-sm: 10px;
  --r-pill: 999px;

  --container: 1200px;
  --gutter: 24px;
  --section-y: 100px;

  --shadow-card: 0 6px 24px rgba(17, 24, 39, 0.06);
  --shadow-raise: 0 12px 28px rgba(0, 153, 51, 0.22);
  --shadow-soft: 0 10px 30px rgba(17, 24, 39, 0.08);

  --font-heading: "Poppins", "Noto Sans Arabic", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-body: "Noto Sans", "Noto Sans Arabic", "Segoe UI", system-ui, -apple-system, sans-serif;
  /* The design's year pills, timeline badges and some links. */
  --font-inter: "Inter", "Noto Sans", "Noto Sans Arabic", system-ui, -apple-system, sans-serif;

  --icon-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --icon-arrow-disc: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='white'/%3E%3Cpath d='M7 12h10M13 8l4 4-4 4' fill='none' stroke='%23009933' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --icon-play: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5.5v13l11-6.5z'/%3E%3C/svg%3E");
  --icon-search-plain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
  --icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .3 1.9.6 2.8a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.5 2.8.6a2 2 0 0 1 1.7 2Z'/%3E%3C/svg%3E");
  --icon-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M5 7l7 6 7-6'/%3E%3C/svg%3E");
  --icon-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007329' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");
  --icon-arrow-green: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23009933' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --icon-arrow-white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8f98' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
  --icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b3024' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  --icon-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 11l5 5 5-5M4 20h16'/%3E%3C/svg%3E");
  --icon-pin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7m0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5'/%3E%3C/svg%3E");
}