/* ============================================================
   REPARIO MARKETING PRO — Base Styles
   ============================================================
   Depends on: tokens.css (loaded before via wp_enqueue_style)
   ============================================================ */

/* ── Body Defaults ── */
body {
    font-family: var(--font-display, "Manrope", sans-serif);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ── Grid Pattern Background (Hero) ── */
.bg-grid-pattern {
    background-image: radial-gradient(
        circle at 2px 2px,
        rgb(var(--color-primary-rgb, 92 92 255) / var(--grid-dot-opacity, 0.05)) 1px,
        transparent 0
    );
    background-size: var(--grid-dot-size, 32px) var(--grid-dot-size, 32px);
}

/* ── Dark Mode Scrollbar ── */
.dark ::-webkit-scrollbar {
    width: var(--scrollbar-width, 6px);
}

.dark ::-webkit-scrollbar-track {
    background: var(--scrollbar-track, var(--color-bg-dark, #0f0f23));
}

.dark ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb, var(--color-border, #2d2d48));
    border-radius: var(--radius-full, 9999px);
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #3b3b5a;
}

/* ── Selection ── */
::selection {
    background-color: rgb(var(--color-primary-rgb, 92 92 255) / 0.2);
    color: inherit;
}

/* ── Skip Link (accessibility) ── */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* ── Smooth Scroll ── */
html {
    scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
}