/* ===================== 01 VARIABLES ===================== */
/* CSS Custom Properties - Design Tokens */

:root {
  /* Colors */
  --color-accent: #31ebc1;
  --color-white: #ffffff;
  --color-bg-grey: #cccccc;
  --color-darker-grey: #343434;
  --color-black: #000000;
  --color-warm-white: #FCFBF3;
  --color-error-red: #ff4444;

  /* RGB variants for rgba() usage */
  --color-rgb-dark: 0, 0, 0;
  --color-rgb-main: 34, 49, 100;
  --color-rgb-grey: 50, 50, 50;

  /* Typography */
  --font-family-sans: "Atkinson Hyperlegible", Arial, Helvetica, sans-serif;
}