/**
 * Design tokens for the Hotel Flash Cost Suite.
 * Every tool loads this before components.css. Change a value here and it
 * propagates everywhere — no per-tool CSS duplication.
 *
 * Dark theme matched to kpi.eq-businessconsulting.com's "classic dark blue" look.
 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root {
  /* fonts */
  --font-serif: 'Fraunces', serif;
  --font-sans: 'IBM Plex Sans', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* surfaces */
  --color-bg: #0a0d16;
  --color-bg-panel: #161d30;
  --color-bg-panel-alt: #1c2540;
  --color-bg-subtle: #0e1322;
  --color-bg-hover: #1e2742;

  /* text */
  --color-text: #ffffff;
  --color-text-body: #d5d9e6;
  --color-text-muted: #8b92ab;
  --color-text-faint: #5f6684;

  /* borders */
  --color-border: #232c47;
  --color-border-strong: #2f3a5c;
  --color-border-light: #1b2338;

  /* accent (brand / primary actions) */
  --color-accent: #2563eb;
  --color-accent-hover: #3b82f6;
  --color-accent-contrast: #ffffff;
  --color-accent-soft-text: #dbe4ff;

  /* status */
  --color-danger: #f87171;
  --color-success: #34d399;
  --color-warning: #fbbf24;

  /* pill */
  --color-pill-bg: #232c47;
  --color-pill-text: #8b92ab;
}