:root {
  --paper:       #FAFAF9;
  --paper-warm:  #F1F1EE;
  --ink:         #0C1424;
  --ink-soft:    #2A3447;

  --blue:        #1D4ED8;
  --blue-deep:   #1E3A8A;
  --blue-bright: #3B82F6;
  --blue-faded:  #DBEAFE;

  --gray:        #475569;
  --gray-light:  #CBD5E1;
  --gray-deep:   #1E293B;

  --shadow-md: 0 10px 30px -10px rgba(12, 20, 36, 0.25);
  --shadow-lg: 0 25px 60px -20px rgba(12, 20, 36, 0.35);
  --shadow-blue: 0 14px 40px -10px rgba(29, 78, 216, 0.45);

  --font-display: "Anton", "Arial Black", sans-serif;
  --font-body:    "Hanken Grotesk", system-ui, sans-serif;

  --s-1: 8px;
  --s-2: 16px;
  --s-3: 24px;
  --s-4: 32px;
  --s-5: 48px;
  --s-6: 64px;
  --s-7: 96px;
  --s-8: 128px;
  --s-9: 192px;

  --col-max: 1280px;
}