/*
  Shared dark mode variables — imported by all ADAPT tool pages.
  Tool-specific overrides live in each tool's own CSS file.
*/
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --bg-color: #1a1a1a;
        --primary: #8CD9C0;
        --primary-text: #1a1a1a;
        --white: #2d2d2d;
        --text-primary: #e0e0e0;
        --text-secondary: #c0c0c0;
        --border: #444444;
        --warning-bg: #3d3520;
        --warning-text: #ffcc80;
        --danger-bg: #3d2020;
        --danger-text: #ff8a80;
    }
}

:root[data-theme="dark"] {
    --bg-color: #1a1a1a;
    --primary: #8CD9C0;
    --primary-text: #1a1a1a;
    --white: #2d2d2d;
    --text-primary: #e0e0e0;
    --text-secondary: #c0c0c0;
    --border: #444444;
    --warning-bg: #3d3520;
    --warning-text: #ffcc80;
    --danger-bg: #3d2020;
    --danger-text: #ff8a80;
}

/* Brand-mark link: wraps the inline ADAPT logo SVG; routes to /. */
.brand-link {
    display: inline-block;
    line-height: 0;
    text-decoration: none;
    color: inherit;
    border-radius: 6px;
}
.brand-link:focus-visible {
    outline: 2px solid var(--primary, #1a7a6d);
    outline-offset: 4px;
}
@media (prefers-reduced-motion: no-preference) {
    .brand-link {
        transition: transform 150ms ease;
        transform-origin: center;
    }
    .brand-link:hover {
        transform: scale(1.05);
    }
}