/**
 * madsupay/gdpr — Per-site theming override (STARTER TEMPLATE)
 *
 * HOW TO USE
 * ----------
 * Copy this file into the ACTIVE THEME at:
 *     web/app/themes/<your-theme>/assets/gdpr/site-overrides.css
 *
 * The GDPR package auto-detects it there and enqueues it AFTER its own
 * `gdpr-style`, so everything below wins the cascade. That path is OUTSIDE the
 * asset publisher's target (`assets/plugin/gdpr/site/`), so `composer update`
 * NEVER overwrites it — your customization is permanent and lives in the theme's
 * git history.
 *
 * Re-skin the banner by redefining the `--gdpr-*` design tokens below (colours
 * AND structure are all tokenized). For anything a token doesn't cover, just add
 * normal CSS rules further down — they load last, so they win too.
 *
 * Every token here is set to the PACKAGE DEFAULT — uncomment and change the ones
 * you want. Delete the rest.
 */

:root {
    /* ── Colours ───────────────────────────────────────────────── */
    /* --gdpr-primary:        #496f94; */  /* buttons, links, toggle-on, focus */
    /* --gdpr-primary-hover:  #37526d; */
    /* --gdpr-primary-dark:   #37526d; */
    /* --gdpr-primary-darker: #30465c; */
    /* --gdpr-primary-light:  #779bb9; */  /* scrollbar thumb */
    /* --gdpr-white:          #fff;    */
    /* --gdpr-gray-100:       #f3f4f6; */
    /* --gdpr-gray-200:       #e5e7eb; */
    /* --gdpr-gray-300:       #d1d5db; */
    /* --gdpr-gray-500:       #6b7280; */
    /* --gdpr-gray-600:       #4b5563; */
    /* --gdpr-gray-700:       #374151; */
    /* --gdpr-gray-900:       #111827; */

    /* ── Semantic surfaces (re-skin without touching the palette) ─ */
    /* --gdpr-header-bg: var(--gdpr-primary-dark); */  /* modal header bar */
    /* --gdpr-toggle-on: var(--gdpr-primary);      */  /* switch when enabled */

    /* ── Typography ────────────────────────────────────────────── */
    /* --gdpr-font-family: inherit; */  /* e.g. "Inter", system-ui, sans-serif */
    /* --gdpr-text-xxs / -xs / -sm / -base : clamp() fluid sizes */

    /* ── Radius ────────────────────────────────────────────────── */
    /* --gdpr-radius:      0.5rem;  */
    /* --gdpr-radius-full: 9999px;  */

    /* ── Modal structure ───────────────────────────────────────── */
    /* --gdpr-modal-max-width: 42rem; */
    /* --gdpr-modal-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); */

    /* ── Drawer / sidebar structure ────────────────────────────── */
    /* --gdpr-drawer-width:         20rem;  */
    /* --gdpr-drawer-shadow:        3px 0 3px 0 rgb(0 0 0 / 0.1); */
    /* --gdpr-drawer-footer-height: 3.5rem; */
    /* --gdpr-backdrop-bg:          rgb(0 0 0 / 0.3); */

    /* ── Layering ──────────────────────────────────────────────── */
    /* --gdpr-z-modal:    9999; */
    /* --gdpr-z-backdrop: 9998; */
}

/* ── Freeform overrides ────────────────────────────────────────────
   Anything a token doesn't cover — add plain rules, they load last:

   .gdpr-modal__card { border: 2px solid var(--gdpr-primary); }
   .gdpr-drawer      { border-right: 4px solid var(--gdpr-primary); }
*/