/* ============================================================
   Drive Dealer — design tokens + reset (ported from Evodrive main.css :root).
   Self-contained so the panel needs no theme CSS.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500;600&family=Inter+Tight:wght@400;500;600;700;800&display=swap');

:root {
  --gx-dark:#0a0e1c; --gx-darker:#060810; --gx-dark-2:#111827; --gx-gray-dark:#1f2937;
  --gx-gray-mid:#6b7280; --gx-gray:#9ca3af; --gx-gray-light:#e5e7eb;
  --gx-white:#ffffff; --gx-off-white:#f9f9f7; --gx-beige:#f3f2ee;
  --gx-lime:#c9ec66; --gx-lime-dark:#a8cc44;
  --gx-g50:#ebebeb; --gx-g75:#adadad; --gx-g100:#8a8a8a; --gx-g200:#585858; --gx-g300:#363636; --gx-g400:#262626; --gx-g500:#212121;
  --gx-font-heading:'Inter Tight',sans-serif; --gx-font-body:'Inter',sans-serif; --gx-font-mono:'JetBrains Mono',monospace;
  --gx-sp-4:.25rem; --gx-sp-8:.5rem; --gx-sp-12:.75rem; --gx-sp-16:1rem; --gx-sp-20:1.25rem; --gx-sp-24:1.5rem; --gx-sp-32:2rem; --gx-sp-40:2.5rem; --gx-sp-48:3rem; --gx-sp-56:3.5rem; --gx-sp-64:4rem;
  --gx-r-sm:.5rem; --gx-r-md:.75rem; --gx-r-lg:1rem; --gx-r-xl:1.25rem; --gx-r-2xl:1.5rem; --gx-r-full:9999px;
  --gx-t:200ms linear; --gx-t-slow:400ms cubic-bezier(.25,.46,.45,.94); --gx-ease:cubic-bezier(.25,.46,.45,.94);
  --gx-sh:0 4px 24px rgba(0,0,0,.08); --gx-sh-lg:0 16px 64px rgba(0,0,0,.14);
  --lime:var(--gx-lime); --lime-dark:var(--gx-lime-dark);
}

/* Reset (scoped to the panel document) */
.dd-body, .dd-body *, .dd-body *::before, .dd-body *::after { box-sizing:border-box; }
.dd-body { margin:0; padding:0; font-family:var(--gx-font-body); color:var(--gx-g500); background:var(--gx-off-white); -webkit-font-smoothing:antialiased; }
.dd-body :where(a) { color:inherit; } /* :where = 0 specificity → component link colors (e.g. .db-nav-link) win */
.dd-body a { text-decoration:none; }
.dd-body img { max-width:100%; display:block; }
.dd-body button { font-family:inherit; cursor:pointer; }
.dd-body h1,.dd-body h2,.dd-body h3,.dd-body h4 { font-family:var(--gx-font-heading); margin:0; }
.dd-body ul { list-style:none; margin:0; padding:0; }

/* Scroll-reveal */
[data-anim] { opacity:0; transform:translateY(1.5rem); transition:opacity .7s var(--gx-ease), transform .7s var(--gx-ease); }
[data-anim].gx-anim--in { opacity:1; transform:none; }
[data-delay="1"]{transition-delay:90ms;} [data-delay="2"]{transition-delay:180ms;} [data-delay="3"]{transition-delay:270ms;}

/* WP admin bar offset for the fixed sidebar */
body.admin-bar .db-sidebar { top:32px; }
@media (max-width:782px){ body.admin-bar .db-sidebar { top:46px; } }