63 lines
1.2 KiB
CSS
63 lines
1.2 KiB
CSS
@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);
|
|
}
|
|
}
|