@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --gov-blue: #1e6fb5;
    --gov-teal: #2ba69a;

    --text-primary: #333333;
    --text-secondary: #4b5563;
    --text-tertiary: #6b7280;

    --bg-page: #f7f9fc;
    --bg-surface: #ffffff;
    --border-subtle: rgba(0, 0, 0, 0.08);
  }

  html {
    color: var(--text-primary);
    background: var(--bg-page);
    font-size: 16px;
    line-height: 1.6;
    text-size-adjust: 100%;
    font-family: "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", "PingFang SC", system-ui,
      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
      "Apple Color Emoji", "Segoe UI Emoji";
  }

  body {
    margin: 0;
    color: var(--text-primary);
    background: var(--bg-page);
  }

  a {
    color: var(--gov-blue);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  a:hover {
    color: #185d96;
  }

  :focus-visible {
    outline: 2px solid var(--gov-teal);
    outline-offset: 2px;
  }

  #main-content {
    scroll-margin-top: 120px;
  }

  html[data-contrast='high'] {
    --text-primary: #0f172a;
    --text-secondary: #111827;
    --text-tertiary: #111827;
    --bg-page: #ffffff;
    --border-subtle: rgba(0, 0, 0, 0.2);
  }
}