:root {
  --navy:        #0f1535;
  --navy-mid:    #1a2550;
  --indigo:      #1e2d6b;
  --vermillion:  #c84b31;
  --gold:        #c9963a;
  --gold-light:  #e8b96a;
  --sakura:      #e8a4b8;
  --sakura-light:#f5d4df;
  --cream:       #faf8f3;
  --ink:         #1a1a2e;
  --text:        #2c2c3a;
  --text-light:  #6b6b80;
  --white:       #ffffff;
  --content-max: 960px;
  --pad-x:       clamp(20px, 5vw, 60px);
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: var(--cream);
  font-family: 'DM Sans', sans-serif;
  color: var(--text);
}