/* ==========================================================
   Navy & Crimson — matches the DialBot app (hello.dialbot.si/app)
   Loaded after the other stylesheets.
   ========================================================== */
[data-accent="crimson"] {
  --accent-ll: #ffb3bf; --accent-l: #f0526a; --accent: #dc2742;
  --accent-d: #b81d35; --accent-dd: #8f1527; --accent-ink: #ffffff;
  --accent-rgb: 220 39 66;
  --accent2-ll: #c9d6f2; --accent2-l: #8ea6d9; --accent2: #5b7cc4; --accent2-rgb: 91 124 196;
}

[data-theme="dark"][data-accent="crimson"] {
  --bg: #0b1428;
  --bg-1: #0e1932;
  --bg-2: #122040;
  --surface: #13203d;
  --surface-2: #192a4d;
  --line: rgba(200, 214, 242, 0.10);
  --line-strong: rgba(200, 214, 242, 0.20);
  --ink: #f7f3ee;
  --ink-2: #d4cfc8;
  --ink-3: #9aa6bf;
  --ink-4: #8a96b0;
  --shadow-glow: 0 0 0 1px rgb(var(--accent-rgb) / 0.40), 0 18px 50px -12px rgb(var(--accent-rgb) / 0.55);
  --grad-hero: radial-gradient(60% 80% at 50% 0%, rgb(var(--accent-rgb) / 0.22) 0%, rgb(var(--accent-rgb) / 0) 60%),
               radial-gradient(40% 60% at 85% 30%, rgb(var(--accent2-rgb) / 0.22) 0%, rgb(var(--accent2-rgb) / 0) 60%);
}

/* Headline highlight: cream into crimson, not white into neon */
[data-theme="dark"][data-accent="crimson"] .gradient-text {
  background: linear-gradient(135deg, #f7f3ee 0%, #ffb3bf 40%, var(--accent-l) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Replace hard-coded green-black panels with navy */
[data-theme="dark"][data-accent="crimson"] .mini-wave,
[data-theme="dark"][data-accent="crimson"] .dash-side,
[data-theme="dark"][data-accent="crimson"] .cta-step { background: rgba(8, 14, 30, 0.45); }
[data-theme="dark"][data-accent="crimson"] .dash-chrome { background: rgba(8, 14, 30, 0.7); }
[data-theme="dark"][data-accent="crimson"] .dash,
[data-theme="dark"][data-accent="crimson"] .dash-frame { background: linear-gradient(180deg, #13203d 0%, #0e1932 100%); }

/* Capability icons: keep variety, but warmer and on-palette */
[data-accent="crimson"] .cap[data-accent="emerald"] .cap-icon { background: linear-gradient(135deg, #ffb3bf, #dc2742); box-shadow: 0 6px 18px -6px rgba(220,39,66,0.7); }
[data-accent="crimson"] .cap[data-accent="emerald"] .cap-bg { background: radial-gradient(circle, rgba(220,39,66,0.35), transparent 60%); }
[data-accent="crimson"] .cap[data-accent="cyan"] .cap-icon { background: linear-gradient(135deg, #c9d6f2, #5b7cc4); box-shadow: 0 6px 18px -6px rgba(91,124,196,0.7); }
[data-accent="crimson"] .cap[data-accent="cyan"] .cap-bg { background: radial-gradient(circle, rgba(91,124,196,0.35), transparent 60%); }