@layer base {
  body {
    margin: 0;
    background-color: var(--agni-surface-light);
    color: var(--agni-text-primary);
    font-family: var(--agni-font-sans);
    font-size: var(--agni-fs-base);
    line-height: var(--agni-lh-relaxed);
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
  }

  *, *::before, *::after {
    box-sizing: border-box;
  }

  a {
    color: var(--green-600);
    text-decoration: none;
    transition: color var(--agni-duration-hover, 0.2s) var(--agni-ease, ease);
  }

  a:hover {
    color: var(--green-700);
  }


  /* Keyboard Focus Outline (WCAG 2.1 AA Compliance) */
  :focus-visible {
    outline: 3px solid var(--agni-fire-orange) !important;
    outline-offset: 3px !important;
  }

  /* Standard Headings */
  h1, h2, h3, h4, h5, h6 {
    font-family: var(--agni-font-heading);
    color: var(--agni-text-primary);
    font-weight: var(--agni-fw-extrabold);
    line-height: var(--agni-lh-tight);
    margin-top: 0;
  }

  /* Screen reader utility */
  .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
}