/* === WTK Design Tokens v2.0 === */
:root {
  /* Core brand */
  --wt-yellow: #F5C800;
  --wt-yellow-dark: #C8960A;
  --wt-yellow-light: #FEF3C7;
  --wt-yellow-tint: #FFFBEB;

  /* Warm base */
  --wt-cream: #FFF8F2;
  --wt-hero-warm: #F9D060;
  --wt-hero-mid: #FDEAA0;
  --wt-hero-light: #FFF4CC;
  --wt-sand: #EDE4D8;
  --wt-sand-light: #F9F4EE;

  /* Brand dark */
  --wt-black: #1D1D1B;
  --wt-gray: #888888;
  --wt-gray-light: #F9F4EE;

  /* Functional */
  --wt-white: #FFFFFF;
  --wt-green: #7CC520;
  --wt-green-tint: #EAF4D0;
  --wt-green-dark: #3B6D11;
  --wt-orange: #F4971D;
  --wt-orange-tint: #FEF0DC;

  /* Typography */
  --wt-font-display: 'Nunito', system-ui, sans-serif;
  --wt-font-script: 'Dancing Script', cursive;
  --wt-font-body: 'DM Sans', system-ui, sans-serif;

  /* Border radius */
  --wt-radius-sm: 8px;
  --wt-radius-md: 14px;
  --wt-radius-lg: 20px;
  --wt-radius-pill: 999px;

  /* Shadows (warm-tinted) */
  --wt-shadow-sm: 0 1px 6px rgba(180,120,20,.07);
  --wt-shadow-md: 0 4px 16px rgba(180,120,20,.11);
  --wt-shadow-lg: 0 8px 32px rgba(180,120,20,.15);

  /* Blob shapes */
  --wt-blob-primary: 60% 40% 55% 45% / 50% 60% 40% 50%;
  --wt-blob-secondary: 55% 45% 60% 40% / 45% 55% 45% 55%;
}