@import url('variables.css');
@import url('utilities.css');
@import url('components.css');
@import url('animations.css');

/* ==========================================================================
   GLOBAL ADDITIONS & CUSTOM SECTION RULES
   ========================================================================== */

/* Add overlay patterns or general backgrounds here if necessary */
body::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgba(var(--secondary-brand-rgb), 0.03) 1.5px, transparent 1.5px);
    background-size: 24px 24px;
    pointer-events: none;
    z-index: -1;
}

[data-theme="dark"] body::before {
    background-image: radial-gradient(rgba(255, 255, 255, 0.015) 1.5px, transparent 1.5px);
}