/* CloneBid brand kit — overrides the theme's default palette.
   Preserves the CloneBid admin palette: charcoal→blue diagonal with cyan/pink corner
   glows, magenta-pink accent, cyan secondary. Link AFTER dist/theme.css. */
:root {
  --bg: #f6f7f9;
  --ambient:
    radial-gradient(1100px 620px at 12% 8%, rgba(8,145,178,0.10), transparent 60%),
    radial-gradient(1000px 640px at 88% 94%, rgba(236,72,153,0.08), transparent 62%),
    linear-gradient(135deg, #f6f7f9 0%, #e7ebf5 100%);
  --sf: #ffffff; --surface: #fbfcfd; --sf-glass: rgba(255,255,255,0.80); --field: #ffffff;
  --ink: #1f2430; --head: #0f1320; --mut: #6b7280;
  --line: rgba(17,19,25,0.08); --edge: #d7dbe4; --border: #e5e7eb; --track: #eef0f5;
  --nav-act: rgba(17,19,25,0.05);
  --ring: #e6197f; --pri: #e6197f; --pri-soft: #fddced; --pri-rgb: 230,25,127;
  --ui-accent: #e6197f;
  --ok: #16a34a; --ok-rgb: 22,163,74; --warn: #d9a406; --bad: #dc2626;
  --chart-1: #e6197f; --chart-2: #0891b2; --chart-3: #f5c518; --chart-4: #9aa4b2; --chart-5: #6d28d9;
  --nav-bg: linear-gradient(180deg, rgba(230,25,127,0.12), rgba(230,25,127,0.06));
  --nav-border: 1px solid rgba(230,25,127,0.22);
}
.dark {
  --bg: #0b0d12;
  /* near-flat dark base (cards always float above it) + subtle cyan/pink corner glow for character */
  --ambient:
    radial-gradient(1100px 620px at 12% 6%, rgba(34,211,238,0.09), transparent 58%),
    radial-gradient(1000px 640px at 90% 96%, rgba(236,72,153,0.08), transparent 60%),
    linear-gradient(180deg, #10131a 0%, #0b0d12 100%);
  --sf: #191d26; --surface: #232a37; --sf-glass: rgba(16,19,26,0.74); --field: #11141b;
  --ink: #e6e8ec; --head: #f7f8fa; --mut: #9aa4b2;
  --line: rgba(255,255,255,0.08); --edge: #2c313d; --border: #262c38; --track: #232a37;
  --nav-act: rgba(255,255,255,0.06);
  --ring: #f472b6; --pri: #f472b6; --pri-soft: #3a1130; --pri-rgb: 244,114,182;
  --ui-accent: #f472b6;
  --ok: #22c55e; --ok-rgb: 34,197,94; --warn: #f5c518; --bad: #ef4444;
  --chart-1: #f472b6; --chart-2: #22d3ee; --chart-3: #f5c518; --chart-4: #9aa4b2; --chart-5: #a78bfa;
  --nav-bg: linear-gradient(180deg, rgba(244,114,182,0.16), rgba(244,114,182,0.08));
  --nav-border: 1px solid transparent;
}