/*---------------------------------------
  CUSTOM PROPERTIES            
-----------------------------------------*/
:root {

  --color-primary: rgb(9 107 90);
  --color-surface-tint: rgb(9 107 90);
  --color-on-primary: rgb(255 255 255);
  --color-primary-container: rgb(161 242 220);
  --color-on-primary-container: rgb(0 32 26);
  --color-secondary: rgb(75 99 92);
  --color-on-secondary: rgb(255 255 255);
  --color-secondary-container: rgb(205 232 223);
  --color-on-secondary-container: rgb(7 32 26);
  --color-tertiary: rgb(66 98 119);
  --color-on-tertiary: rgb(255 255 255);
  --color-tertiary-container: rgb(199 231 255);
  --color-on-tertiary-container: rgb(0 30 46);
  --color-error: rgb(186 26 26);
  --color-on-error: rgb(255 255 255);
  --color-error-container: rgb(255 218 214);
  --color-on-error-container: rgb(65 0 2);
  --color-background: rgb(245 251 247);
  --color-on-background: rgb(23 29 27);
  --color-surface: rgb(245 251 247);
  --color-on-surface: rgb(23 29 27);
  --color-surface-variant: rgb(219 229 224);
  --color-on-surface-variant: rgb(63 73 69);
  --color-outline: rgb(111 121 117);
  --color-outline-variant: rgb(191 201 196);
  --color-shadow: rgb(0 0 0);
  --color-scrim: rgb(0 0 0);
  --color-inverse-surface: rgb(43 50 47);
  --color-inverse-on-surface: rgb(236 242 238);
  --color-inverse-primary: rgb(133 214 193);
  --color-primary-fixed: rgb(161 242 220);
  --color-on-primary-fixed: rgb(0 32 26);
  --color-primary-fixed-dim: rgb(133 214 193);
  --color-on-primary-fixed-variant: rgb(0 81 67);
  --color-secondary-fixed: rgb(205 232 223);
  --color-on-secondary-fixed: rgb(7 32 26);
  --color-secondary-fixed-dim: rgb(177 204 195);
  --color-on-secondary-fixed-variant: rgb(51 75 69);
  --color-tertiary-fixed: rgb(199 231 255);
  --color-on-tertiary-fixed: rgb(0 30 46);
  --color-tertiary-fixed-dim: rgb(170 203 227);
  --color-on-tertiary-fixed-variant: rgb(42 74 95);
  --color-surface-dim: rgb(213 219 216);
  --color-surface-bright: rgb(245 251 247);
  --color-surface-container-lowest: rgb(255 255 255);
  --color-surface-container-low: rgb(239 245 241);
  --color-surface-container: rgb(233 239 236);
  --color-surface-container-high: rgb(227 234 230);
  --color-surface-container-highest: rgb(222 228 224);
    
      --material-thin: rgba(180, 180, 180, 0.6);
    
      --color-header: var(--color-surface-container);
      --color-on-header: var(--color-on-surface);
      --color-nav: var(--color-surface-container);
      --color-footer: var(--color-surface-container);
      --color-on-footer: var(--color-on-surface);
    
      --font-family-body: 'Oswald', sans-serif;
      --font-weight-body: 400;
      --font-style-body: normal;
      --font-family-title: 'Inria Sans', sans-serif;
      --font-family-muted-title: var(--font-family-title);
      --letter-spacing-wide: 0.8rem;
    
      --border-radius: 0.6rem;
    }