:where(html) {
    --font-classical-humanist: Optima, Candara, Noto Sans, source-sans-pro, sans-serif;
    
    --gray-0: #f8f9fa;
    --gray-1: #f1f3f5;
    --gray-2: #e9ecef;
    --gray-3: #dee2e6;
    --gray-4: #ced4da;
    --gray-5: #adb5bd;
    --gray-6: #868e96;
    --gray-7: #495057;
    --gray-8: #343a40;
    --gray-9: #212529;
    --gray-10: #16191d;
    --gray-11: #0d0f12;
    --gray-12: #030507;
  }
  
  @keyframes fade4-in-out {
    0%   { opacity: 0; }
    2%   { opacity: 1; }
    24%  { opacity: 1; }
    28%  { opacity: 0; }
    100% { opacity: 0; }
  }