/* 
  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;
  }


  /* -------------------------------------------------------------
     Unified Core Framework Conversion — Stage 1
     Scoped to the Variant Master opt-in marker so legacy/base layouts
     retain the original rendering contract.
     ------------------------------------------------------------- */
  body[data-ffr-theme-engine="unified-v1"][data-ffr-core-stage="1"][data-ffr-theme][data-ffr-tone] {
    background-color: var(--ffr-bg-page);
    color: var(--ffr-text-primary);
  }

  body[data-ffr-theme-engine="unified-v1"][data-ffr-core-stage="1"][data-ffr-theme][data-ffr-tone] a {
    color: var(--ffr-link);
  }

  body[data-ffr-theme-engine="unified-v1"][data-ffr-core-stage="1"][data-ffr-theme][data-ffr-tone] a:hover {
    color: var(--ffr-link-hover);
  }

  body[data-ffr-theme-engine="unified-v1"][data-ffr-core-stage="1"][data-ffr-theme][data-ffr-tone] a:focus-visible {
    outline: 2px solid var(--ffr-focus-ring);
    outline-offset: 2px;
  }

  body[data-ffr-theme-engine="unified-v1"][data-ffr-core-stage="1"][data-ffr-theme][data-ffr-tone] .is-active-path a {
    color: var(--ffr-accent) !important;
  }

  body[data-ffr-theme-engine="unified-v1"][data-ffr-core-stage="1"][data-ffr-theme][data-ffr-tone] ::selection {
    background: var(--ffr-selection-bg);
    color: var(--ffr-selection-text);
  }
}