/* Shared footer rules — baseline + dark-mode contrast overrides.
   Uses !important because original footer rules live further down each page's inline stylesheet. */

/* Baseline social/email/legal styles (apply to all pages in both themes) */
.foot-social { display: flex; gap: 10px; margin-top: 4px; }
.foot-social a { width: 32px; height: 32px; border-radius: 999px; border: 1px solid color-mix(in oklab, var(--bg) 15%, transparent); display: grid; place-items: center; transition: all .2s; color: inherit; }
.foot-social a:hover { background: var(--mango); color: var(--navy); border-color: var(--mango); }
.foot-email { margin-top: 14px; font-size: 14px; color: color-mix(in oklab, var(--bg) 85%, var(--ink-3)); }
.foot-legal-links a { transition: color .2s; }
.foot-legal-links a:hover { color: var(--mango); }
.foot-brand .small br { display: block; }

[data-theme="dark"] footer { background: oklch(0.14 0.03 260) !important; color: oklch(0.88 0.012 250) !important; }
[data-theme="dark"] .foot-top { border-bottom-color: oklch(0.32 0.03 260) !important; }
[data-theme="dark"] .foot-brand .brand { color: #ffffff !important; }
[data-theme="dark"] .foot-brand .brand-mark { background: #ffffff !important; color: oklch(0.14 0.03 260) !important; }
[data-theme="dark"] .foot-brand p { color: oklch(0.88 0.012 250) !important; }
[data-theme="dark"] .foot-brand .small { color: oklch(0.72 0.018 250) !important; }
[data-theme="dark"] .foot-col h5 { color: oklch(0.72 0.022 250) !important; }
[data-theme="dark"] .foot-col ul a { color: oklch(0.92 0.01 250) !important; }
[data-theme="dark"] .foot-col ul a:hover { color: var(--mango) !important; }
[data-theme="dark"] .foot-bot { color: oklch(0.72 0.018 250) !important; }
[data-theme="dark"] .foot-bot span { color: oklch(0.72 0.018 250) !important; }
[data-theme="dark"] .foot-social a { border-color: oklch(0.38 0.025 260) !important; color: oklch(0.92 0.01 250) !important; }
[data-theme="dark"] .foot-social a:hover { background: var(--mango) !important; color: oklch(0.14 0.03 260) !important; border-color: var(--mango) !important; }
[data-theme="dark"] .foot-big { color: oklch(0.22 0.03 260) !important; }
[data-theme="dark"] .foot-email { color: oklch(0.92 0.01 250) !important; }
[data-theme="dark"] .foot-legal-links a { color: oklch(0.92 0.01 250) !important; }
[data-theme="dark"] .foot-legal-links a:hover { color: var(--mango) !important; }