/* HotelOps design tokens — extracted from the production build 2026-09-07.
 *
 * Import this into a new product and change only the three PRODUCT IDENTITY
 * values below; everything else is shared across the WDS product range.
 *
 * Fonts: Orbitron (display / structural labels), Sansation (body).
 * Caveat: this system asks for weights 550 and 650, which Sansation does not
 * ship (300/400/700 only) — the browser synthesises them. Snap to 400/700 or
 * substitute a variable face before relying on those weights. */

:root {
  /* ── PRODUCT IDENTITY — change these three per product ─────────── */
  --brand: #19e6a6;              /* accent hue */
  --brand-soft: #0f2e2a;         /* accent at ~8% over the ground */
  --text-inverse: #06231d;       /* very dark tint of the accent hue */

  /* accent support, derived from --brand */
  --brand-hover: #34efb4;
  --brand-active: #5bf3c6;
  --brand-soft-text: #6df0c6;
  --brand-ring: #19e6a647;
  --accent-cyan: #7ddcff;

  /* ── SHARED: grounds and surfaces (elevation by colour, not shadow) */
  --bg: #060912;                 /* application ground */
  --surface-inset: #0a1120;      /* inputs, wells */
  --surface: #0d1524;            /* cards, panels, sidebar */
  --surface-2: #111b2c;          /* table headers, hover */
  --surface-3: #16233a;          /* neutral badges, raised chips */
  --overlay: #02050cb8;

  /* ── SHARED: borders and text */
  --border: #1e2a3e;
  --border-strong: #2b3b54;
  --border-focus: #19e6a6;       /* tracks --brand */
  --text: #f7fbff;
  --text-secondary: #c6d2e0;
  --text-muted: #a7b4c6;

  /* ── SHARED: status triads (base / soft ground / readable text)
   * Four severities, not three: `serious` sits between warning and
   * critical so a queue can separate "today" from "someone is waiting". */
  --good: #4ade80;      --good-soft: #0f2b1b;      --good-text: #7be9a3;
  --warning: #ffcc00;   --warning-soft: #2e2510;   --warning-text: #ffd84d;
  --serious: #ff9a5a;   --serious-soft: #2f1d14;   --serious-text: #ffb482;
  --critical: #ff6b6b;  --critical-soft: #2e1414;  --critical-text: #ff9b9b;
  --info: #7ddcff;      --info-soft: #0e2436;      --info-text: #a6e8ff;

  /* ── SHARED: data visualisation (held apart from interface colour so a
   * chart never competes with a primary action beside it) */
  --series-1: #3987e5; --series-2: #d95926; --series-3: #199e70; --series-4: #c98500;
  --series-5: #d55181; --series-6: #008300; --series-7: #9085e9; --series-8: #e66767;
  --seq-0: #0c1626; --seq-1: #12314c; --seq-2: #184f95; --seq-3: #256abf;
  --seq-4: #3987e5; --seq-5: #6da7ec; --seq-6: #9ec5f4;
  --chart-surface: #0d1524;
  --grid: #1b2740;
  --axis: #2b3b54;
  --axis-label: #a7b4c6;

  /* ── SHARED: geometry */
  --radius-sm: .25rem;   /* buttons, inputs */
  --radius-md: .375rem;
  --radius-lg: .5rem;    /* cards */
  --radius: 10px;        /* panels */
  --radius-xl: 18px;     /* modals */
  --shadow-xs: 0 1px 2px 0 #0000000d;
  --shadow-sm: 0 1px 3px #00000080, 0 1px 2px #0000004d;
  --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
  --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;

  /* ── SHARED: shell metrics */
  --sidebar-w: 248px;
  --topbar-h: 60px;
  --spacing: .25rem;

  /* ── SHARED: type */
  --font-sans: "Sansation", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Orbitron", ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, monospace;
}