/* ================================================================
   boraADS — Base layer
   Global resets that make the "ink, not light" default real: page
   background from the surface ramp, Geist Sans body, tabular-nums on
   every digit-bearing element, visible focus ring, tinted scrollbars.
   Kept in @layer base so component classes always win.
   ================================================================ */
@layer base {
  * { box-sizing: border-box; }

  html, body {
    background: var(--bg-0);
    color: var(--fg-0);
    font-family: var(--font-sans), ui-sans-serif, system-ui, -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  body {
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
    font-feature-settings: "ss01", "cv11";
    letter-spacing: -0.005em;
  }

  ::selection { background: var(--acc-soft); color: var(--fg-0); }

  /* Tabular numerals wherever a digit meets the user */
  .num, [data-num], code, kbd, samp, pre, td.num {
    font-variant-numeric: tabular-nums;
  }
  code, kbd, samp, pre {
    font-family: var(--font-mono), ui-monospace, Menlo, monospace;
  }

  a { color: var(--acc); text-decoration: none; }
  a:hover { color: var(--acc-hover); }

  :focus-visible {
    outline: 2px solid var(--acc);
    outline-offset: 2px;
    border-radius: 4px;
  }

  ::-webkit-scrollbar { width: 10px; height: 10px; }
  ::-webkit-scrollbar-track { background: transparent; }
  ::-webkit-scrollbar-thumb {
    background: var(--bg-4);
    border-radius: 999px;
    border: 2px solid var(--bg-0);
  }
  ::-webkit-scrollbar-thumb:hover { background: var(--line-strong); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}