/* Design tokens. Single source of truth for color, spacing, type, layout. */
:root {
  /* surfaces */
  --bg:            #000000;
  --surface-1:     #0a0a0a;
  --surface-2:     #111111;
  --surface-3:     #1a1a1a;
  --border:        #1f1f1f;
  --border-strong: #2e2e2e;

  /* text */
  --text:          #f4f4f5;
  --text-muted:    #9a9aa0;
  --text-faint:    #62626a;

  /* brand */
  --brand:         #0a5cff;
  --brand-hover:   #2a72ff;
  --brand-soft:    rgba(10, 92, 255, 0.14);

  /* brand extension (pending owner confirmation) */
  --accent-1:      #f6821f;
  --accent-2:      #8b5cf6;
  --accent-1-soft: rgba(246, 130, 31, 0.14);
  --accent-2-soft: rgba(139, 92, 246, 0.14);

  /* status */
  --success: #22c55e;
  --warning: #eab308;
  --danger:  #ef4444;
  --info:    #38bdf8;

  /* spacing, 4px grid */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

  /* radius */
  --r-sm: 6px; --r-md: 8px; --r-lg: 12px; --r-full: 999px;

  /* type */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-lg: 16px;
  --fs-xl: 20px; --fs-2xl: 28px;

  /* motion */
  --ease: cubic-bezier(0.2, 0, 0, 1);
  --dur: 150ms;

  /* layout */
  --sidebar-w: 260px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 56px;
}