:root{
  --color-primary:#00CEC8;
  --color-primary-dark:#00A8A3;
  --color-secondary:#FF9C5F;
  --color-accent:#EB4203;
  --color-bg:#FCEFC3;
  --color-surface:#FFFFFF;
  --color-ink:#1A1D29;
  --color-ink-soft:#4A4E5C;
  --color-ink-faint:#8A8D99;
  --color-border:rgba(26,29,41,0.10);
  --color-border-strong:rgba(26,29,41,0.16);

  --grad-primary:linear-gradient(135deg,#00CEC8 0%,#00A8A3 100%);
  --grad-warm:linear-gradient(135deg,#FF9C5F 0%,#EB4203 100%);
  --grad-hero:linear-gradient(135deg,#00CEC8 0%,#FF9C5F 55%,#EB4203 100%);
  --grad-surface:linear-gradient(180deg,#FFFFFF 0%,#FCEFC3 100%);

  --font-display:'Poppins',sans-serif;
  --font-body:'Inter',sans-serif;

  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-pill:999px;

  --shadow-sm:0 2px 8px rgba(26,29,41,0.06);
  --shadow-md:0 8px 24px rgba(26,29,41,0.08);
  --shadow-lg:0 20px 48px rgba(26,29,41,0.12);
  --shadow-glow:0 12px 40px rgba(0,206,200,0.25);

  --container-max:1200px;
  --space-1:8px;
  --space-2:16px;
  --space-3:24px;
  --space-4:32px;
  --space-5:48px;
  --space-6:64px;
  --space-7:96px;
  --space-8:128px;

  --ease:cubic-bezier(0.16,1,0.3,1);
}