/* WPDMarketing — Color tokens (single DARK theme).
   Palette: dark surfaces + white + one brand blue accent + neutral greys.
   No other accent hues. */
:root {
  /* --- Base scale --- */
  --bg-app:        #0A0E1A; /* page background (deepest) */
  --surface-card:  #121828; /* cards / raised surfaces */
  --surface-inset: #0E1322; /* wells / inset areas between card & app */
  --border-subtle: #1E2740; /* hairline borders, dividers */
  --border-strong: #2A3557; /* focused / hover borders */

  /* --- Text --- */
  --text-primary:   #FFFFFF; /* headings, high emphasis */
  --text-secondary: #B5BECF; /* body, supporting copy */
  --text-tertiary:  #6B7691; /* meta, captions, disabled */

  /* --- Brand accent (the ONLY accent hue) --- */
  --accent:        #0043FF; /* primary buttons, key marks */
  --accent-hover:  #1F57FF; /* accent hover (slightly lighter) */
  --accent-press:  #0035CC; /* accent pressed (darker) */
  --accent-link:   #2E6BFF; /* links/hover on dark — kept legible */
  --accent-soft:   rgba(0, 67, 255, 0.12); /* tint fills, focus glow base */
  --focus-ring:    rgba(46, 107, 255, 0.55); /* keyboard focus outline */

  /* --- Semantic aliases --- */
  --text-body:      var(--text-secondary);
  --text-heading:   var(--text-primary);
  --link:           var(--accent-link);
  --link-hover:     #5B8AFF;
}