/* AllMCP design tokens — Linear-inspired dark theme.
   Source of truth for color, type, spacing, radius. Extracted from the
   P1–P7 design exports (2026-07). Every page imports this first. */

:root {
  /* Surfaces (dark → light) */
  --bg: #060607;            /* outermost page background */
  --surface: #0A0A0B;       /* app / auth surface */
  --panel: #111113;         /* cards, drawers, elevated panels */
  --subtle: #17171A;        /* hover fills, inset tracks, chips */

  /* Text */
  --text: #EDEDEF;          /* primary */
  --text-muted: #8A8F98;    /* secondary / labels */
  --text-dim: #55565C;      /* tertiary / captions */

  /* Accent — indigo. Used sparingly (single primary CTA per view).
     Hover #6E79D6 per DESIGN.md tokens. */
  --accent: #5E6AD2;
  --accent-hover: #6E79D6;
  --accent-contrast: #ffffff;

  /* Status — DESIGN.md: success #4CC38A · warning #F2C94C · danger #EB5757 */
  --success: #4CC38A;
  --warning: #F2C94C;
  --danger: #EB5757;
  --danger-hover: #f06868;

  /* Hairlines */
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --border-hover: rgba(255, 255, 255, 0.25);

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Menlo', monospace;

  /* Radius */
  --radius-sm: 6px;
  --radius: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-drawer: -24px 0 48px rgba(0, 0, 0, 0.4);
  --shadow-pop: 0 8px 32px rgba(0, 0, 0, 0.55);

  /* Layout */
  --sidebar-w: 240px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 52px;
  --content-max: 1180px;

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
}