:root{
  --sunset-orange:#D56B2D;
  --golden-yellow:#F7B23B;
  --ocean-teal:#1C5B5E;
  --wave-blue:#4FA0A6;
  --cream-sand:#F3E3C1;
  --charcoal:#2F3B3C;
}
.body-texture{
  background: var(--cream-sand);
  background-image:
    radial-gradient(rgba(0,0,0,0.03) 1px, transparent 1px),
    radial-gradient(rgba(0,0,0,0.02) 1px, transparent 1px);
  background-position: 0 0, 8px 8px;
  background-size: 16px 16px;
}
.shadow-soft{ box-shadow: 0 6px 16px rgba(28,91,94,.15); }
.hero-bg{ background: linear-gradient(180deg, #F7B23B 0%, #D56B2D 60%, #F3E3C1 100%); }