/* ═══════════════════════════════════════════════════════════════
   SignalTAP Brand Tokens (user/frontend only)
   Delta Kinetics · Competitive Intelligence Platform for Hospitality
   ═══════════════════════════════════════════════════════════════ */

:root {

  /* ── Primary Palette ────────────────────────────────────────── */
  --signal-void-black:       #0A0E1A;   /* Primary background */
  --signal-deep-navy:        #0F172A;   /* Glass card surface base layer */
  --signal-cyan:             #22D3EE;   /* Primary accent */
  --signal-gold:             #FBBF24;   /* Action items, CTAs */
  --signal-red:              #EF4444;   /* Warnings, negative trends */
  --signal-green:            #22C55E;   /* Positive trends */
  --signal-purple:           #A78BFA;   /* Below-average tier */

  /* ── Text Colors ────────────────────────────────────────────── */
  --signal-text-primary:     #E2E8F0;   /* Light Slate */
  --signal-text-secondary:   #94A3B8;   /* Muted Slate */
  --signal-text-body-light:  #334155;
  --signal-text-mid:         #475569;

  /* ── Surfaces ───────────────────────────────────────────────── */
  --signal-glass-surface:    rgba(15, 23, 42, 0.65);
  --signal-glass-blur:       16px;
  --signal-glass-border:     rgba(255, 255, 255, 0.06);
  --signal-glass-tooltip:    rgba(15, 23, 42, 0.92);
  --signal-border-radius:    16px;

  /* ── Semantic Status ────────────────────────────────────────── */
  --signal-status-positive:  #22C55E;
  --signal-status-warning:   #FBBF24;
  --signal-status-negative:  #EF4444;
  --signal-status-neutral:   #94A3B8;

  /* ── Chart Palette ──────────────────────────────────────────── */
  --signal-chart-primary:    #22D3EE;
  --signal-chart-user:       #FBBF24;
  --signal-chart-user-map:   #EF4444;
  --signal-chart-positive:   #22C55E;
  --signal-chart-negative:   #EF4444;
  --signal-chart-secondary:  #A78BFA;
  --signal-chart-muted:      #475569;

  /* ── Typography ─────────────────────────────────────────────── */
  --signal-font-primary:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --signal-font-mono:        'JetBrains Mono', 'Fira Code', Consolas, monospace;
  --signal-size-kpi:         48px;
  --signal-size-kpi-sm:      32px;
  --signal-size-title:       28px;
  --signal-size-section:     20px;
  --signal-size-body:        15px;
  --signal-size-label:       11px;
  --signal-size-chart:       12px;
  --signal-weight-bold:      700;
  --signal-weight-semi:      600;
  --signal-weight-medium:    500;
  --signal-weight-regular:   400;

  /* ── Spacing ────────────────────────────────────────────────── */
  --signal-space-xs:         4px;
  --signal-space-sm:         8px;
  --signal-space-md:         16px;
  --signal-space-lg:         24px;
  --signal-space-xl:         32px;
  --signal-space-2xl:        48px;

  /* ── Transitions & Shadows ──────────────────────────────────── */
  --signal-transition-fast:  200ms ease-out;
  --signal-transition-med:   400ms ease-out;
  --signal-shadow-card:      0 4px 24px rgba(0, 0, 0, 0.3);
  --signal-shadow-glow-cyan: 0 0 20px rgba(34, 211, 238, 0.3);
}

/* ── Glass Card ───────────────────────────────────────────────── */
.signal-glass-card {
  background: var(--signal-glass-surface);
  backdrop-filter: blur(var(--signal-glass-blur));
  -webkit-backdrop-filter: blur(var(--signal-glass-blur));
  border: 1px solid var(--signal-glass-border);
  border-radius: var(--signal-border-radius);
  box-shadow: var(--signal-shadow-card);
}

.signal-card-label {
  font-family: var(--signal-font-primary);
  font-size: var(--signal-size-label);
  font-weight: var(--signal-weight-semi);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--signal-text-secondary);
}

.signal-kpi {
  font-family: var(--signal-font-primary);
  font-size: var(--signal-size-kpi);
  font-weight: var(--signal-weight-bold);
  line-height: 1.1;
  color: var(--signal-cyan);
}

.signal-kpi--gold { color: var(--signal-gold); }