/* WebAnchor colour themes — loaded on every page (partials/head-meta). */
/* ── VARIABLES ──
   Two themes, picked by <html data-theme="...">:
   - godaddy : near-black + teal (GoDaddy style)  [default, see config/webanchor.php 'theme']
   - blue    : glossy blue, matches the logo
   Preview any page with ?theme=blue or ?theme=godaddy. */
:root,
[data-theme="godaddy"] {
  --blue:          #0a7d85;
  --blue-dark:     #075f66;
  --blue-light:    #e7f6f6;
  --blue-muted:    #b6e3e4;
  --brand-rgb:     10,125,133;
  --accent:        #1bdbdb;
  --accent-rgb:    27,219,219;
  --text:          #111111;
  --muted:         #545b63;
  --border:        #e3e8ea;
  --bg-alt:        #f4f7f7;
  --dark:          #0e1214;
  --dark-2:        #1c2427;
  --dark-3:        #0d3b40;
  --dark-rgb:      14,18,20;
  --on-dark:       #b9c3c7;
  --on-dark-muted: #87939a;
  --hero-grad:     linear-gradient(135deg, #07090a 0%, #0e1a1c 45%, #0b4a50 100%);
  --btn-grad:      linear-gradient(180deg, #17a9b1 0%, #0a7d85 55%, #076a71 100%);
  --text-grad:     linear-gradient(90deg, #1bdbdb 0%, #7af0e6 50%, #1bdbdb 100%);
}
[data-theme="blue"] {
  --blue:          #1565e8;
  --blue-dark:     #0b4fc4;
  --blue-light:    #ebf3ff;
  --blue-muted:    #c7dcff;
  --brand-rgb:     21,101,232;
  --accent:        #6fb4ff;
  --accent-rgb:    111,180,255;
  --text:          #0b1630;
  --muted:         #556074;
  --border:        #e1e8f3;
  --bg-alt:        #f3f7fd;
  --dark:          #06122e;
  --dark-2:        #0e2149;
  --dark-3:        #0a2a6e;
  --dark-rgb:      6,18,46;
  --on-dark:       #b4c2dc;
  --on-dark-muted: #7f8eab;
  --hero-grad:     linear-gradient(135deg, #040b1f 0%, #0a2a6e 55%, #1565e8 100%);
  --btn-grad:      linear-gradient(180deg, #4a95ff 0%, #1565e8 55%, #0b4fc4 100%);
  --text-grad:     linear-gradient(90deg, #6fb4ff 0%, #b9dcff 50%, #6fb4ff 100%);
}
:root {
  --dark-muted: var(--on-dark-muted);
  --radius:     14px;
  --radius-sm:  10px;
  --shadow:     0 4px 24px rgba(var(--dark-rgb),0.08);
  --shadow-lg:  0 14px 40px rgba(var(--brand-rgb),0.16);
  --bg:         #fff;
  --font:       'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
