/* =========================
   SITE BASE (Tokens + A11Y foundation)
========================= */

:root {
    /* Brand tokens */
    --msb-bordo: #8B0000;
    --msb-bordo2: #a30000;
    --msb-beyaz: #f0e5e6;
    --beyaz: #ffffff;
    --beyaz-seffaf: rgba(255, 255, 255, 0.8);
    --msb-light: rgba(139, 0, 0, 0.08);
    --msb-medium: rgba(139, 0, 0, 0.15);
    --msb-mavi: #2c3e50;
    --msb-koyu-gri: #555;
    --msb-acik-gri: #6b7280;
    /* Global contrast tokens */
    --text: var(--msb-mavi);
    --text-muted: var(--msb-acik-gri);
    --heading: #111;
    --link: var(--msb-bordo);
    --link-hover: var(--msb-bordo2);
    --surface: var(--beyaz);
    --surface-alt: var(--msb-beyaz);
    --border: rgba(44, 62, 80, .18);
    /* Focus ring (tek kaynak) */
    --focus-ring: #ffd54a;
    /* A11Y runtime tokens (a11y.css override edebilir) */
    --a11y-line-height: 1.45;
}

/* A11Y foundation */
body {
    line-height: var(--a11y-line-height);
}

:focus {
    outline: none;
}

:focus-visible {
    outline: 3px solid var(--focus-ring);
    outline-offset: 3px;
    border-radius: 8px;
}