:root {
  --bg: #FAF9F6;
  --bg-cream: #F4E9D8;
  --bg-sky: #E8F4F8;

  --text: #2C3E3A;
  --text-secondary: #4A4A4A;
  --text-primary: #43A0BD;

  --blue: #43A0BD;      /* Ocean Blue - Primary brand color */
  --teal-deep: #2B6B7F; /* Deep Teal - text, headers, depth */
  --aqua: #6BC4C4;      /* Aqua Teal - Secondary actions, info */
  --green: #8DB848;     /* Leaf Green - Success states, nature */
  --gold: #D19A3F;      /* Warm Gold - Highlights, accents, ctas */
  --coral: #DC8B6C;     /* Coral Sunset - Warmth, energy, alerts */
  --violet: #9B5FBF;   /* Don't Wake the Violet Baby — */
  --indigo: #6659C7;   /* Indigo to Hell — code keywords */

  --clear: #00000000;

  /* Font stacks */
  --font-display: "Pickllle", system-ui, -apple-system, sans-serif;
  --font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Note: --code-font is defined in code-tokens.css */
}

html { scroll-behavior: smooth; }