:root {
  /* Core palette */
  --cream: #fffffe;         /* Neutral background */
  --charcoal: #264653;      /* Accent / footer bg */
  --orange: #FF9933;        /* Primary (buttons) */
  --green: #AEE79D;         /* Secondary (hover) */

  /* Derived / utility */
  --green-hover: #97D082;
  --orange-hover: #E68A00;
  --muted: #6F8C96;         /* Subtle text */
  --on-dark: #ffffff;       /* Text on dark bg */
  --link: #1a73e8;          /* Default link color (blue) */
  --link-hover: #1558c0;    /* Link hover color */

  /* Layout tokens */
  /* Standard container: centered with gutters */
  --wrap: min(1200px, 94vw);
  --radius: 14px;
  --shadow: 0 6px 20px rgba(38,70,83,.07);
}