/* ==========================================================================
   base/reset.css — normalization on top of Bootstrap's reboot
   ========================================================================== */

*, *::before, *::after { box-sizing: border-box; }

body {
    background: var(--crm-bg);
    color: var(--crm-text);
    font-family: var(--crm-font);
    font-size: var(--crm-fs-base);
    line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

::selection { background: var(--crm-primary-soft); color: var(--crm-primary-ink); }

a { color: var(--crm-primary); text-decoration: none; }
a:hover { color: var(--crm-primary-hover); }

hr {
    border: 0;
    border-top: 1px solid var(--crm-border);
    opacity: 1;
    margin: 1rem 0;
}

img { max-width: 100%; }

/* Quiet, consistent scrollbars */
* { scrollbar-width: thin; scrollbar-color: var(--crm-border-strong) transparent; }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-thumb { background: var(--crm-border-strong); border-radius: 4px; }
*::-webkit-scrollbar-track { background: transparent; }

:focus-visible {
    outline: 2px solid var(--crm-primary);
    outline-offset: 1px;
    border-radius: 2px;
}