/* AureBIO design tokens (docs/design/design-review.md (b)).
   Shared by every page on templates/base_public.html. */
:root {
    --ab-navy-950: #06162f;
    --ab-navy-900: #0a2145;
    --ab-navy-800: #10366b;
    --ab-blue-800: #0f4c9e;
    --ab-blue-700: #155fc2;
    --ab-blue-500: #2e84ed;
    --ab-blue-100: #dcecff;
    --ab-blue-50: #eef5ff;
    --ab-sky-300: #8cc8ff;
    --ab-sky-200: #b8deff;
    --ab-ink: #10213c;
    --ab-body: #34445d;
    --ab-muted: #5a6a84;
    --ab-subtle: #8592a8;
    --ab-paper: #ffffff;
    --ab-canvas: #f4f7fb;
    --ab-line: #dde3ec;
    --ab-line-strong: #7d8aa0;

    --ab-ok: #1f7a4d;
    --ab-ok-bg: #e3f4ea;
    --ab-warn: #9a5b00;
    --ab-warn-bg: #fff3dc;
    --ab-danger: #b42318;
    --ab-danger-bg: #fde8e6;
    --ab-closed: #5a6a84;
    --ab-closed-bg: #eceff4;

    /* Text on dark (navy) surfaces */
    --ab-on-dark: #ffffff;
    --ab-on-dark-muted: #b9c8dd;
    --ab-on-dark-line: rgba(255, 255, 255, .14);

    --ab-font: "Pretendard Variable", Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
    --ab-text-xs: 0.8125rem;
    --ab-text-sm: 0.875rem;
    --ab-text-base: 1rem;
    --ab-text-lg: 1.125rem;
    --ab-text-xl: 1.375rem;

    --ab-radius-sm: 4px;
    --ab-radius-md: 8px;
    --ab-radius-lg: 12px;
    --ab-shadow-sm: 0 1px 2px rgba(9, 33, 69, .06);
    --ab-shadow-md: 0 12px 32px rgba(9, 33, 69, .10);
    --ab-shadow-lg: 0 24px 70px rgba(9, 33, 69, .22);
    --ab-focus: 0 0 0 3px rgba(21, 95, 194, .35);

    --ab-header-h: 72px;
}

@media (max-width: 640px) {
    :root { --ab-header-h: 60px; }
}