/* Design tokens: every color, size and radius used by the app lives here. */
:root {
  /* Surfaces */
  --bg: #070910;
  --bg-elev: #0b0f18;
  --surface: #0f141f;
  --surface-2: #141a27;
  --surface-3: #1b2232;
  --overlay: rgba(4, 6, 12, 0.72);

  --border: rgba(148, 163, 184, 0.09);
  --border-strong: rgba(148, 163, 184, 0.18);

  /* Text */
  --text: #e7ecf6;
  --text-2: #a4aec3;
  --text-3: #687189;

  /* Brand */
  --accent: #4f8cff;
  --accent-2: #22d3ee;
  --accent-soft: rgba(79, 140, 255, 0.14);
  --accent-grad: linear-gradient(135deg, #4f8cff 0%, #22d3ee 100%);

  /* Status */
  --c-todo: #64748b;
  --c-doing: #4f8cff;
  --c-review: #f5a524;
  --c-blocked: #f43f5e;
  --c-done: #22c55e;

  /* Ticket types */
  --c-task: #4f8cff;
  --c-issue: #f43f5e;
  --c-change: #a78bfa;
  --c-decision: #14b8a6;

  /* Priority */
  --c-p0: #f43f5e;
  --c-p1: #f97316;
  --c-p2: #eab308;
  --c-p3: #64748b;

  /* Shape */
  --radius-lg: 18px;
  --radius: 14px;
  --radius-sm: 10px;
  --radius-xs: 6px;
  --shadow: 0 18px 40px -20px rgba(0, 0, 0, 0.8);
  --ring: 0 0 0 3px rgba(79, 140, 255, 0.35);

  /* Type */
  --font: 'Inter', 'Segoe UI Variable Text', 'Segoe UI', system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;
  --fs-xs: 11px;
  --fs-sm: 12.5px;
  --fs: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 28px;

  /* Layout */
  --sidebar-w: 252px;
  --topbar-h: 60px;
  --gap: 16px;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}