/* Yellow Duck colour system.
   Brand values marked ← BRAND are lifted verbatim from the one-pager artwork.
   Intermediate steps are tint/shade interpolations in oklch space. */
:root{
  /* Blue — the brand's structural colour. Navy for surfaces & headings,
     periwinkle for large display type and decorative offsets. */
  --yd-blue-50:#f0f2fc;
  --yd-blue-100:#e0e4f8;
  --yd-blue-200:#c4caec;
  --yd-blue-300:#a6aedd;
  --yd-blue-400:#7b85c5; /* ← BRAND periwinkle */
  --yd-blue-500:#5665b5;
  --yd-blue-600:#3849a6; /* ← BRAND blue */
  --yd-blue-700:#22349b;
  --yd-blue-800:#102694; /* ← BRAND navy */
  --yd-blue-900:#0a1a6b;
  --yd-blue-950:#060f3d;

  /* Yellow — the brand's warmth. Yellow for accents & outlines,
     gold and orange for emphasis and the go-to-market ramp. */
  --yd-yellow-50:#fffae6;
  --yd-yellow-100:#fff3c2;
  --yd-yellow-200:#ffe68a;
  --yd-yellow-300:#ffda5c;
  --yd-yellow-400:#ffd036; /* ← BRAND yellow */
  --yd-yellow-500:#ffb530; /* ← BRAND gold */
  --yd-yellow-600:#ff9929; /* ← BRAND orange */
  --yd-yellow-700:#e07a18;
  --yd-yellow-800:#b35c10;
  --yd-yellow-900:#8a450c;

  /* Warm neutrals — built off the cream page and the violet-tinted ink. */
  --yd-neutral-0:#ffffff;
  --yd-neutral-50:#fffaf3;  /* ← BRAND cream */
  --yd-neutral-100:#f7f1e8;
  --yd-neutral-200:#ebe4da;
  --yd-neutral-300:#d9d2c8;
  --yd-neutral-400:#b3ada6;
  --yd-neutral-500:#8a857f;
  --yd-neutral-600:#6e6c7d;
  --yd-neutral-700:#4e4c60;
  --yd-neutral-800:#35354a;
  --yd-neutral-900:#23233a;  /* ← BRAND ink */
  --yd-neutral-950:#16162a;

  /* Named brand aliases — use these when you mean "the brand colour". */
  --yd-navy:var(--yd-blue-800);
  --yd-blue:var(--yd-blue-600);
  --yd-periwinkle:var(--yd-blue-400);
  --yd-yellow:var(--yd-yellow-400);
  --yd-gold:var(--yd-yellow-500);
  --yd-orange:var(--yd-yellow-600);
  --yd-cream:var(--yd-neutral-50);
  --yd-ink:var(--yd-neutral-900);

  /* Status — DERIVED, not supplied by the brand. Hue-matched to the warm palette. */
  --yd-green-100:#dcf3e6;
  --yd-green-500:#1f9d6b;
  --yd-green-700:#136948;
  --yd-red-100:#fce3e0;
  --yd-red-500:#d9453c;
  --yd-red-700:#95261f;
  --yd-amber-100:var(--yd-yellow-100);
  --yd-amber-500:var(--yd-yellow-600);
  --yd-amber-700:var(--yd-yellow-800);
}