/* Central color tokens for the project
   - Use semantic tokens where possible (e.g. --primary, --bg)
   - Legacy short names kept for backward compatibility
*/
:root {
  /* raw color scales */
  --color-cream: #FEF1D4;
  --color-sand:  #F2D28C;
  --color-stone: #D1D6C0;
  --color-green: #637911;
  --color-dark:  #46540C;

  /* legacy short names (keeps existing CSS working) */
  --cream:  var(--color-cream);
  --sand:   var(--color-sand);
  --stone:  var(--color-stone);
  --green:  var(--color-green);
  --dark:   var(--color-dark);

  /* semantic tokens */
  --bg:      var(--color-cream);
  --surface: var(--color-sand);
  --muted:   var(--color-stone);
  --primary: var(--color-green);
  --text:    var(--color-dark);
}