/**
 * Design tokens for the MIRA Administration Console.
 * Dark, professional theme inspired by Linear / Notion / GitHub / Apple.
 * Every other stylesheet consumes these custom properties — change the
 * look of the whole portal by editing values here only.
 */
:root {
  /* Surfaces */
  --bg-app: #0b0d12;
  --bg-sidebar: #101319;
  --bg-card: #14171f;
  --bg-card-hover: #181c26;
  --bg-elevated: #1b1f29;
  --bg-input: #0e1117;
  --border-subtle: rgba(255, 255, 255, 0.07);
  --border-strong: rgba(255, 255, 255, 0.14);

  /* Text */
  --text-primary: #f2f3f5;
  --text-secondary: #9aa1ae;
  --text-muted: #666e7d;
  --text-inverse: #0b0d12;

  /* Brand / accent */
  --accent: #6366f1;
  --accent-hover: #7678f5;
  --accent-soft: rgba(99, 102, 241, 0.15);
  --accent-2: #22d3ee;
  --accent-2-soft: rgba(34, 211, 238, 0.15);

  /* Semantic */
  --success: #34d399;
  --success-soft: rgba(52, 211, 153, 0.15);
  --warning: #fbbf24;
  --warning-soft: rgba(251, 191, 36, 0.15);
  --danger: #f87171;
  --danger-soft: rgba(248, 113, 113, 0.15);
  --info: #60a5fa;
  --info-soft: rgba(96, 165, 250, 0.15);

  /* Status colors (feedback lifecycle) */
  --status-unread: #f59e0b;
  --status-unread-soft: rgba(245, 158, 11, 0.16);
  --status-read: #60a5fa;
  --status-read-soft: rgba(96, 165, 250, 0.16);
  --status-completed: #34d399;
  --status-completed-soft: rgba(52, 211, 153, 0.16);

  /* Category colors */
  --cat-bug: #f87171;
  --cat-bug-soft: rgba(248, 113, 113, 0.16);
  --cat-feature: #a78bfa;
  --cat-feature-soft: rgba(167, 139, 250, 0.16);
  --cat-suggestion: #22d3ee;
  --cat-suggestion-soft: rgba(34, 211, 238, 0.16);
  --cat-general: #9aa1ae;
  --cat-general-soft: rgba(154, 161, 174, 0.16);

  /* Shape */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.45);
  --shadow-glow: 0 0 0 1px var(--border-subtle), 0 8px 24px rgba(0, 0, 0, 0.35);

  /* Motion */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 120ms;
  --dur-med: 220ms;
  --dur-slow: 360ms;

  /* Layout */
  --sidebar-width: 264px;
  --topbar-height: 72px;
  --content-max: 1320px;

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