/* ============================================================
   Rukey — design tokens (derived from the brand logo)
   Градиент монограммы: #2BB3F0 -> #5B4BFF, фон navy #0B1220
   ============================================================ */
:root {
  /* brand */
  --cyan: #2bb3f0;
  --blue: #2a7bff;
  --indigo: #5b4bff;
  --grad: linear-gradient(135deg, #2bb3f0 0%, #5b4bff 100%);
  --grad-soft: linear-gradient(135deg, rgba(43, 179, 240, .16), rgba(91, 75, 255, .16));
  --grad-text: linear-gradient(120deg, #4cc2ff 0%, #6f5bff 100%);

  /* dark surfaces */
  --navy: #0b1220;
  --navy-2: #0e1626;
  --panel: #121a2e;
  --card: #151f38;
  --card-2: #1a2542;
  --line: #24314f;

  /* text on dark */
  --white: #ffffff;
  --text: #e9edf7;
  --muted: #8b96ac;
  --muted-2: #63708a;

  /* light sections */
  --light: #f4f6fa;
  --light-2: #e9edf5;
  --ink: #0b1220;
  --ink-muted: #5a6782;

  /* status */
  --ok: #2ecc71;
  --warn: #ffb020;
  --danger: #ff5b6e;

  /* shape */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;
  --radius-pill: 999px;

  /* elevation */
  --shadow: 0 18px 50px rgba(4, 8, 20, .45);
  --shadow-soft: 0 12px 32px rgba(4, 8, 20, .28);
  --glow: 0 0 0 1px rgba(91, 75, 255, .35), 0 14px 40px rgba(43, 179, 240, .25);

  /* layout */
  --container: 1180px;
  --gap: 24px;

  /* type */
  --font: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Consolas", "SFMono-Regular", Menlo, monospace;
}