/*
  Hexa · design tokens
  Shared by apps/web, apps/desktop and apps/mobile. The desktop and mobile
  screens are static exports with inline styles that use these same values.
*/
:root {
  /* Surfaces */
  --hx-bg: #0b0b10;
  --hx-bg-deep: #060608;
  --hx-surface: #141419;
  --hx-surface-2: #1b1b21;
  --hx-surface-3: #24242b;
  --hx-line: rgba(255, 255, 255, 0.08);
  --hx-line-strong: rgba(255, 255, 255, 0.14);
  --hx-hover: rgba(255, 255, 255, 0.07);

  /* Text */
  --hx-text: #f5f5f7;
  --hx-text-2: #a1a1a6;
  --hx-text-3: #6e6e75;
  --hx-ink: #0b0b10; /* text on white or accent buttons */

  /* Brand. The accent can be changed by the user in the app (Lavanda is the default). */
  --hx-accent: #8b93ff;
  --hx-accent-soft: rgba(139, 147, 255, 0.16);
  --hx-accent-options: #8b93ff, #60a5fa, #5eead4, #a3e635, #facc15, #fb923c, #f472b6, #ffffff;

  /* Status */
  --hx-ok: #4ade80;
  --hx-warn: #facc15;
  --hx-danger: #f87171;
  --hx-pro: #facc15;

  /* Type */
  --hx-font: 'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --hx-mono: 'Geist Mono', ui-monospace, 'Cascadia Mono', monospace;

  /* Radii */
  --hx-r-xs: 6px;
  --hx-r-sm: 10px;
  --hx-r-md: 14px;
  --hx-r-lg: 20px;
  --hx-r-xl: 28px;
  --hx-r-pill: 999px;

  /* Elevation */
  --hx-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --hx-shadow-2: 0 18px 50px rgba(0, 0, 0, 0.45);
  --hx-shadow-3: 0 40px 120px rgba(0, 0, 0, 0.6);
}