/* Hada.Org display foundation — aligned with HADA Website Template values. */

:root {
    --site-bg: #f6f6f4;
    --site-surface: rgba(255, 255, 255, 0.66);
    --site-surface-strong: rgba(255, 255, 255, 0.80);
    --site-text: #1b1c1e;
    --site-text-muted: #202124;
    --site-text-soft: #30343b;
    --site-border: rgba(222, 223, 221, 0.84);
    --site-border-strong: rgba(36, 38, 41, 0.72);
    --site-link: #242629;
    --site-accent: #242629;
    --font-scale: 1;
    --font-min-size: 1rem;
    --site-image-overlay-start: rgba(255, 255, 255, 0.38);
    --site-image-overlay-mid: rgba(255, 255, 255, 0.12);
    --site-image-overlay-end: rgba(255, 255, 255, 0.34);
    --site-shadow: rgba(0, 0, 0, 0.14);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    overflow-y: scroll;
}

html[data-text-size="large"] {
    --font-scale: 1.12;
    font-size: 1.12rem;
}

html[data-text-size="xlarge"] {
    --font-scale: 1.28;
    font-size: 1.28rem;
}

html[data-theme="dark"] {
    color-scheme: dark;
    --site-bg: #15161a;
    --site-surface: rgba(21, 22, 26, 0.66);
    --site-surface-strong: rgba(30, 31, 36, 0.80);
    --site-text: #f2f3f5;
    --site-text-muted: #c4c7cc;
    --site-text-soft: #aeb3bb;
    --site-border: rgba(255, 255, 255, 0.24);
    --site-border-strong: rgba(255, 255, 255, 0.48);
    --site-link: #f2f3f5;
    --site-accent: #f0f1f3;
    --site-image-overlay-start: rgba(21, 22, 26, 0.48);
    --site-image-overlay-mid: rgba(21, 22, 26, 0.28);
    --site-image-overlay-end: rgba(21, 22, 26, 0.54);
    --site-shadow: rgba(0, 0, 0, 0.50);
}

body {
    margin: 0;
    min-height: 100vh;
    background: var(--site-bg);
    color: var(--site-text);
    font-size: max(var(--font-min-size), calc(1rem * var(--font-scale)));
}

button,
a {
    -webkit-tap-highlight-color: transparent;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}