diff --git a/app/globals.css b/app/globals.css index acebabe..e54baff 100644 --- a/app/globals.css +++ b/app/globals.css @@ -112,6 +112,24 @@ input, select, textarea, button { border-radius: 4px; } +/* Anchor defaults. Body links (in copy and chrome) read as interactive + * affordances: FCI leaf color + a 1px underline with a small offset. + * Lives in @layer base so Tailwind utility classes (text-*, no-underline) + * still win on elements that opt out individually. */ +@layer base { + a[href] { + color: var(--color-leaf-700); + text-decoration: underline; + text-decoration-thickness: 1px; + text-underline-offset: 2px; + transition: color 150ms ease-out, text-decoration-thickness 150ms ease-out; + } + a[href]:hover { + color: var(--color-leaf-800); + text-decoration-thickness: 1.5px; + } +} + /* Date input chevron styled to match */ input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0.5; diff --git a/components/SiteChrome.tsx b/components/SiteChrome.tsx index 209b63a..d9d22f5 100644 --- a/components/SiteChrome.tsx +++ b/components/SiteChrome.tsx @@ -7,7 +7,7 @@ export function SiteHeader() {