/* KHB — Kongres strategiczny: granat, złoto, niebieskie CTA */

:root,
html[data-theme="executive-dark"] {
  color-scheme: dark;

  --khb-navy-deep: #0b1321;
  --khb-navy: #111c2e;
  --khb-navy-mid: #162640;
  --khb-navy-panel: #1a2d4a;

  --khb-granite-deep: var(--khb-navy-deep);
  --khb-granite: var(--khb-navy);
  --khb-granite-mid: var(--khb-navy-mid);
  --khb-granite-panel: var(--khb-navy-panel);
  --khb-granite-elevated: #213552;
  --khb-granite-vein: rgba(196, 203, 214, 0.06);

  --khb-brand: var(--khb-granite);
  --khb-brand-deep: var(--khb-granite-deep);
  --khb-brand-mid: var(--khb-granite-mid);

  --khb-bg: var(--khb-granite-deep);
  --khb-bg-elevated: var(--khb-granite);
  --khb-bg-panel: var(--khb-granite-panel);
  --khb-surface: color-mix(in srgb, var(--khb-granite-mid) 88%, transparent);
  --khb-surface-soft: color-mix(in srgb, var(--khb-granite-panel) 72%, var(--khb-granite-deep));

  --khb-cream: #f3f1ec;
  --khb-cream-soft: #e8e5de;

  --khb-text-strong: var(--khb-cream);
  --khb-text: #e2e0da;
  --khb-text-muted: #9ca3af;
  --khb-graphite: #2a2e35;

  --khb-gold: #a89058;
  --khb-gold-strong: #c4a96a;
  --khb-gold-soft: #d9c48e;
  --khb-gold-muted: rgba(196, 169, 106, 0.12);
  --khb-gold-glow: rgba(196, 169, 106, 0.22);

  --khb-action: #2d4f7c;
  --khb-action-strong: #3a6298;
  --khb-action-hover: #4a76b0;
  --khb-action-muted: rgba(58, 98, 152, 0.18);

  --khb-platinum: #d8dde6;
  --khb-platinum-soft: #b4bcc8;
  --khb-platinum-muted: rgba(196, 203, 214, 0.14);
  --khb-platinum-line: rgba(196, 203, 214, 0.22);

  --khb-steel: var(--khb-platinum-soft);
  --khb-steel-soft: var(--khb-platinum-muted);

  --khb-line: color-mix(in srgb, var(--khb-gold-strong) 18%, var(--khb-platinum-line));
  --khb-line-strong: color-mix(in srgb, var(--khb-gold-strong) 42%, var(--khb-platinum-line));

  --khb-ok: #5a9d82;
  --khb-ok-strong: #468a6f;
  --khb-danger: #c06a65;
  --khb-warning: var(--khb-gold-strong);

  --khb-font-sans: "IBM Plex Sans", system-ui, sans-serif;
  --khb-font-serif: "IBM Plex Serif", Georgia, serif;
  --khb-container: 1160px;
  --khb-radius-s: 6px;
  --khb-radius-m: 10px;
  --khb-radius-l: 14px;
  --khb-shadow: 0 20px 48px rgba(0, 0, 0, 0.42);
  --khb-shadow-soft: 0 6px 20px rgba(0, 0, 0, 0.28);
  --khb-section-y: clamp(3.75rem, 8vw, 5.75rem);
  --khb-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --khb-duration: 0.22s;

  --bg-main: var(--khb-bg);
  --bg-soft: var(--khb-bg-elevated);
  --surface-1: var(--khb-surface);
  --surface-2: var(--khb-bg-panel);
  --surface-3: var(--khb-granite-vein);
  --bg-panel: var(--khb-bg-panel);
  --bg-panel-strong: var(--khb-granite-elevated);
  --line: var(--khb-line);
  --border-subtle: var(--khb-platinum-line);
  --text-main: var(--khb-text);
  --text-strong: var(--khb-text-strong);
  --text-muted: var(--khb-text-muted);
  --accent: var(--khb-gold-strong);
  --accent-soft: var(--khb-gold-soft);
  --accent-steel: var(--khb-platinum-soft);
  --danger: var(--khb-danger);
  --ok: var(--khb-ok);
  --warning: var(--khb-warning);
  --focus-ring: color-mix(in srgb, var(--khb-gold-strong) 38%, var(--khb-platinum-muted));
  --shadow-xl: 0 28px 56px rgba(0, 0, 0, 0.5);
  --shadow-l: 0 14px 32px rgba(0, 0, 0, 0.35);
  --shadow-m: 0 8px 22px rgba(0, 0, 0, 0.25);
  --radius-s: var(--khb-radius-s);
  --radius-m: var(--khb-radius-m);
  --radius-l: var(--khb-radius-l);
  --container: var(--khb-container);
}

html[data-theme="executive-light"] {
  color-scheme: light;

  --khb-granite-deep: #1a1d22;
  --khb-granite: #2a2e36;
  --khb-granite-mid: #3a404a;
  --khb-granite-panel: #ffffff;
  --khb-granite-elevated: #f5f4f1;

  --khb-navy-deep: var(--khb-granite-deep);
  --khb-navy: var(--khb-granite);
  --khb-navy-mid: var(--khb-granite-mid);

  --khb-brand: var(--khb-granite-deep);
  --khb-brand-deep: var(--khb-granite-deep);
  --khb-brand-mid: var(--khb-granite-mid);

  --khb-bg: #f4f2ed;
  --khb-bg-elevated: #ffffff;
  --khb-bg-panel: #ffffff;
  --khb-surface: #ffffff;
  --khb-surface-soft: #ebe8e2;

  --khb-cream: #f4f2ed;
  --khb-cream-soft: #ebe8e2;

  --khb-text-strong: var(--khb-granite-deep);
  --khb-text: #3a3f48;
  --khb-text-muted: #6b7280;
  --khb-graphite: #2a2e35;

  --khb-gold: #9a8448;
  --khb-gold-strong: #b59b5c;
  --khb-gold-soft: #8f7840;
  --khb-gold-muted: rgba(181, 155, 92, 0.1);

  --khb-platinum: #5c6574;
  --khb-platinum-soft: #7a8494;
  --khb-platinum-muted: rgba(90, 98, 112, 0.1);
  --khb-platinum-line: rgba(90, 98, 112, 0.18);

  --khb-steel: var(--khb-platinum-soft);
  --khb-steel-soft: var(--khb-platinum-muted);

  --khb-line: rgba(42, 46, 54, 0.12);
  --khb-line-strong: color-mix(in srgb, var(--khb-gold-strong) 35%, var(--khb-platinum-line));

  --khb-ok: #2d7f56;
  --khb-ok-strong: #247048;
  --khb-danger: #b85c58;

  --bg-main: var(--khb-bg);
  --bg-soft: var(--khb-cream-soft);
  --surface-1: var(--khb-surface);
  --surface-2: var(--khb-bg-panel);
  --surface-3: rgba(42, 46, 54, 0.04);
  --bg-panel: var(--khb-bg-panel);
  --bg-panel-strong: #ffffff;
  --line: var(--khb-line);
  --border-subtle: var(--khb-platinum-line);
  --text-main: var(--khb-text);
  --text-strong: var(--khb-text-strong);
  --text-muted: var(--khb-text-muted);
  --accent: var(--khb-gold);
  --accent-soft: var(--khb-gold-strong);
  --accent-steel: var(--khb-platinum-soft);
  --focus-ring: color-mix(in srgb, var(--khb-gold-strong) 28%, transparent);
  --shadow-xl: 0 18px 40px rgba(26, 29, 34, 0.1);
  --shadow-l: 0 10px 24px rgba(26, 29, 34, 0.08);
  --shadow-m: 0 4px 14px rgba(26, 29, 34, 0.06);
}