/*
  Design tokens for Remote Fun.
  Colour values are carried over from the original stylesheet
  (#1c2135 / #222a3f / #161a2a / #1f273a / #394869 / #495d88) and
  restructured into named roles. --signal is the one new accent,
  a cyan pulled from the same navy family, used sparingly for
  connection/focus state rather than as a primary fill.
*/

:root {
  /* surfaces */
  --ink-950: #12162a;
  --ink-900: #1c2135;
  --ink-800: #222a3f;
  --ink-700: #2b3550;
  --ink-600: #394869;
  --ink-500: #495d88;

  /* text */
  --text: #f3f4f8;
  --text-dim: rgba(243, 244, 248, 0.6);
  --text-faint: rgba(243, 244, 248, 0.38);

  /* lines */
  --line: rgba(243, 244, 248, 0.14);
  --line-strong: rgba(243, 244, 248, 0.3);

  /* accents */
  --signal: #7fd4ff;
  --signal-dim: rgba(127, 212, 255, 0.16);
  --online: #5be39a;
  --online-dim: rgba(91, 227, 154, 0.14);
  --danger: #ff6b6b;
  --danger-dim: rgba(255, 107, 107, 0.12);

  /* type */
  --font-ui: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;

  /* scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;

  --radius-sm: 3px;
  --radius-md: 5px;

  --content-width: 1180px;
  --nav-height: 68px;
}