/* sako-internal — base typography + body */

@layer base {
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    font-family: var(--font-sans);
    font-size: var(--text-base);
    line-height: 1.5;
    color: var(--ink);
    background: var(--bg);
    -webkit-font-smoothing: antialiased;
  }

  h1 { font-size: var(--text-xl);  font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; }
  h2 { font-size: var(--text-md);  font-weight: 600; line-height: 1.25; letter-spacing: -0.01em; }
  h3 { font-size: var(--text-base);font-weight: 600; line-height: 1.3; }

  a { color: var(--accent); text-decoration: none; }
  a:hover { text-decoration: underline; text-underline-offset: 0.15em; }

  code, kbd, samp {
    font-family: var(--font-mono);
    font-size: 0.875em;
    background: var(--surface-2);
    padding: 0.1em 0.3em;
    border-radius: var(--radius-xs);
    border: 1px solid var(--border-light);
  }

  hr {
    border: none;
    border-top: 1px solid var(--border-light);
    margin-block: var(--space-4);
  }

  small { font-size: var(--text-sm); color: var(--ink-2); }
}