/* =========================================================
 * DiscoverMarket v2 — global design tokens
 * Loaded site-wide (see functions.php / docs/DESIGN_SYSTEM.md).
 *
 * Defines the v2 palette/scale as CSS custom properties on :root so the
 * chrome (glass nav, footer) and the upcoming per-page body restyle can all
 * reference one source of truth. Mirrors the tokens on the `.dm-v2` wrapper in
 * home-v2.css. This file is deliberately tokens-only — it sets NO visual rules
 * on existing elements, so it cannot regress the legacy templates. Broad
 * button/typography application is staged for the page-body phase.
 * ========================================================= */
:root {
  /* Brand */
  --dm-indigo:       #1A5FD4;   /* Royal Blue — primary */
  --dm-indigo-deep:  #00299D;   /* Deep Navy — primary hover */
  --dm-indigo-soft:  #6D9FF9;   /* Pale Blue Lily — glow halos */
  --dm-orange:       #FE5000;   /* Vivid Tangerine — accent */
  --dm-orange-deep:  #CC4000;
  --dm-navy:         #041D2C;   /* Midnight */
  --dm-cyan:         #1A9AD4;   /* Skyline Aqua */

  /* Surfaces / ink */
  --dm-bg:           #FFFFFF;
  --dm-bg-soft:      #F8F7FD;
  --dm-bg-tint:      #EEEEFB;
  --dm-bg-inverse:   #08070D;
  --dm-ink:          #08070D;
  --dm-ink-strong:   #011D2B;
  --dm-ink-muted:    #5A5A6E;
  --dm-ink-on-dark:  #FFFFFF;

  /* Type */
  --dm-font: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Radii */
  --dm-r-sm:  10px;
  --dm-r-md:  14px;
  --dm-r-lg:  20px;
  --dm-r-xl:  28px;
  --dm-r-pill: 999px;

  /* Elevation */
  --dm-shadow-sm: 0 2px 8px rgba(63,66,227,0.06), 0 1px 2px rgba(8,7,13,0.04);
  --dm-shadow-md: 0 8px 24px rgba(63,66,227,0.08), 0 2px 6px rgba(8,7,13,0.05);
  --dm-shadow-lg: 0 24px 48px rgba(63,66,227,0.12), 0 4px 12px rgba(8,7,13,0.06);
}