/* Primitive + semantic color tokens, values copied verbatim from the Cropwise DS Figma
   (Colors/Primitive, /METADATA.md color usage, and Button/Badge/Alert instance styles).
   Raw Figma Variables (all 3072, every mode) live in fig/fig-tokens.css for deep reference. */
:root{
  /* Brand */
  --brand-syngenta-navy:#00004b;
  --brand-syngenta-green:#009933;
  --brand-cropwise-green:#73dc78;

  /* Neutral scale (Neutral/Neutral-00…110) */
  --neutral-00:#fff;
  --neutral-10:#f3f4f6;
  --neutral-15:#e9ebee;
  --neutral-20:#dfe2e7;
  --neutral-30:#c2c7d0;
  --neutral-40:#a3a9b9;
  --neutral-50:#868ca2;
  --neutral-60:#696f88;
  --neutral-70:#4d5165;
  --neutral-80:#363948;
  --neutral-85:#2d303c;
  --neutral-90:#232630;
  --neutral-100:#14151c;
  --neutral-110:#0a0b0e;

  /* Green scale (success / brand primary) */
  --green-10:#dffbe8;
  --green-20:#c3ead1;
  --green-30:#90d6aa;
  --green-40:#5ebb7f;
  --green-50:#19a04b;
  --green-60:#14803c;
  --green-70:#0c612c;
  --green-80:#06431c;
  --green-90:#032d10;
  --green-100:#011b07;

  /* Red scale (critical/error) */
  --red-10:#fff1f1;
  --red-20:#ffd9d9;
  --red-30:#ffb3b3;
  --red-40:#f98989;
  --red-50:#eb4b4b;
  --red-60:#cf3537;
  --red-70:#9c2628;
  --red-80:#70191a;
  --red-90:#4c0e0f;
  --red-100:#300606;

  /* Orange scale (warning) */
  --orange-10:#fff7eb;
  --orange-20:#ffe4c2;
  --orange-30:#ffc388;
  --orange-40:#ffa24d;
  --orange-50:#ff7d0a;
  --orange-60:#db6300;
  --orange-70:#ad4d00;
  --orange-80:#823900;
  --orange-90:#5a2600;
  --orange-100:#2d1500;

  /* Sunlight / Yellow scale (Cropwise accent + discovery) */
  --sunlight-10:#ffeeba;
  --sunlight-20:#ffe082;
  --sunlight-30:#debc55;
  --sunlight-40:#e99921;
  --sunlight-50:#9d7d1e;
  --sunlight-60:#7b6218;

  /* Blue scale (info/link) */
  --blue-10:#eaf6ff;
  --blue-20:#c6e6ff;
  --blue-30:#82cfff;
  --blue-40:#31b4f2;
  --blue-50:#0092e4;
  --blue-60:#0071cd;
  --blue-70:#005693;
  --blue-80:#003b69;
  --blue-90:#002747;

  /* Semantic surface / text / border — light theme (from Button/Badge/Alert instances) */
  --surface-page:var(--neutral-00);
  --surface-subtle:var(--neutral-10);
  --surface-card:#fff;
  --surface-inverse:var(--neutral-100);
  --border-default:var(--neutral-20);
  --border-strong:var(--neutral-30);

  --text-primary:var(--neutral-100);
  --text-secondary:var(--neutral-60);
  --text-disabled:var(--neutral-40);
  --text-on-brand:#fff;
  --text-link:var(--blue-60);

  /* Action / role colors */
  --color-primary:var(--green-60);
  --color-primary-hover:var(--green-50);
  --color-primary-pressed:var(--green-70);
  --color-critical:var(--red-60);
  --color-critical-hover:var(--red-50);
  --color-critical-pressed:var(--red-70);
  --color-warning:var(--orange-50);
  --color-info:var(--blue-60);
  --color-success:var(--green-60);
  --color-discovery:var(--sunlight-40);

  --fill-disabled:var(--neutral-20);
  --text-disabled-on-fill:var(--neutral-40);
}