/* Open Props subset — used by layout partials */
:root {
  --size-1: 0.25rem;
  --size-2: 0.5rem;
  --size-3: 1rem;
  --size-4: 1.25rem;
  --size-5: 1.5rem;
  --size-6: 2rem;
  --size-7: 2.5rem;
  --size-8: 3rem;
  --size-9: 3.5rem;
  --size-10: 4rem;

  --radius-2: 8px;
  --radius-3: 12px;
  --radius-round: 100px;

  --font-size-fluid-1: clamp(1rem, 1.5vw, 1.25rem);
  --font-size-fluid-2: clamp(1.5rem, 3vw, 2rem);
  --font-size-fluid-3: clamp(2rem, 4vw, 3rem);
  --font-size-0: 0.875rem;
  --font-size-1: 1rem;
  --font-size-2: 1.125rem;
  --font-size-3: 1.25rem;
  --font-size-4: 1.5rem;
  --font-lineheight-4: 1.8;

  --shadow-2: 0 1px 3px rgba(0,0,0,0.1);
  --shadow-4: 0 4px 16px rgba(0,0,0,0.12);

  --ease-out-3: cubic-bezier(0.22, 1, 0.36, 1);

  --gray-1: #f8f9fa;
  --gray-2: #e9ecef;
  --gray-3: #dee2e6;
  --gray-4: #ced4da;
  --gray-5: #adb5bd;
  --gray-6: #868e96;
  --gray-7: #495057;
}