/* BEKITEM TOKENS • generated from approved reference + PROPOSED extension
   --bk-* avoids collision with untouched .journey source and legacy CSS. */
:root {
  /* LOCKED: literal source palette from v9 */
  --bk-ink: #173e3a;
  --bk-deep: #081f20;
  --bk-deep-2: #103b37;
  --bk-sand: #f7f7f1;
  --bk-paper: #fffef8;
  --bk-mint: #a8e1cf;
  --bk-coral: #e98765;
  --bk-gold: #f4c4a4;
  --bk-muted: #587369;
  --bk-glass-line: rgba(203,247,226,.16);
  --bk-logo-dot: #df7655;
  --bk-hero-highlight: #f5ac8b;
  --bk-font: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  /* EXTENSION: semantic UI roles — not literal v9 values */
  --bk-app-bg: var(--bk-sand);
  --bk-surface: var(--bk-paper);
  --bk-surface-raised: #fff;
  --bk-text: var(--bk-ink);
  --bk-text-secondary: var(--bk-muted);
  --bk-border: #d5e3da;
  --bk-border-strong: #a5bfb1;
  --bk-action: var(--bk-ink);
  --bk-action-hover: #285b52;
  --bk-action-text: #fff;
  --bk-positive: #247d65;
  --bk-positive-soft: #e9f5ef;
  --bk-negative: #a7433e;
  --bk-negative-soft: #fff0ed;
  --bk-warning: #9a6224;
  --bk-warning-soft: #fff5e3;
  --bk-info: #285f77;
  --bk-info-soft: #ebf6fb;
  --bk-focus: 0 0 0 3px var(--bk-coral);
  --bk-radius-sm: 8px;
  --bk-radius-md: 12px;
  --bk-radius-lg: 16px;
  --bk-radius-xl: 24px;
  --bk-space-1: 4px;
  --bk-space-2: 8px;
  --bk-space-3: 12px;
  --bk-space-4: 16px;
  --bk-space-6: 24px;
  --bk-space-8: 32px;
  --bk-space-12: 48px;
}