/* 
  3.0 Framework Base 
  Layer: base
*/

@layer base {
  /* Reset & Base */
  body {
    background-color: var(--ffr-color-bg-page);
    color: var(--ffr-color-text-body);
    font-family: var(--ffr-font-sans);
    margin: 0;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
  }

  a {
    color: var(--ffr-color-primary-dark);
    text-decoration: none;
    transition: color 0.2s ease;
  }

  a:hover {
    color: var(--ffr-color-primary);
    text-decoration: underline;
  }
  
  .is-active-path a {
  	text-decoration: none;
  	color: var( --ffr-color-gold) !important;
  }
}