:root {
  /* Surface */
  --paper:       #F7F6F3;
  --paper-2:     #EFEDE8;
  --paper-3:     #E8E5DF;

  /* Ink */
  --ink:         #141412;
  --ink-2:       #3D3C39;
  --ink-3:       #6B6965;
  --ink-4:       #9E9C98;

  /* Rules */
  --rule:        #D4D1CB;
  --rule-light:  #E8E5DF;

  /* Navy (primary) */
  --navy:        #002147;
  --navy-2:      #003366;
  --navy-light:  #E8EDF4;
  --navy-faint:  #F0F3F8;

  /* Scenario colours */
  --gold:        #8B6914;
  --gold-light:  #F5EFE0;
  --green:       #1A5C38;
  --green-light: #E8F3EC;
  --red:         #8B1A1A;
  --red-light:   #F5E8E8;
  --amber:       #7A4010;
  --amber-light: #F5EDDE;

  /* Typography */
  --serif: 'Playfair Display', Georgia, serif;
  --sans:  'Inter', -apple-system, sans-serif;
  --mono:  'JetBrains Mono', 'Courier New', monospace;

  /* Transitions */
  --t-fast:   0.15s ease;
  --t-normal: 0.25s ease;
  --t-slow:   0.4s ease;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.07);
  --shadow-md: 0 4px 16px rgba(0,0,0,.09);
}