/* settings.css */
:root {
  /* color palette */
  --color-primary: #25408E;
  --Brand-Secondary: #DD3A31;
  --color-tertiary: #4AA8DE;
  --color-tertiary-light: #7BCDF1;
  --color-field-blue: #282846;
  --color-document-black: #1C1C1C;
  --base-font-color: #000;
  --color-transparent: transparent;

  /* typography */
  --font-sans: "Poppins", sans-serif;
  --font-serif: "Podkova", serif;
  --text-base-size: 1rem;          /* 16 px */
  --text-scale-ratio: 1.25;        /* Major third */

  /* spacing & sizing */
  --space-1: 0.25rem;              /* 4 px */
  --space-2: 0.5rem;               /* 8 px */
  --space-3: 1rem;                 /* 16 px */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
}