:root {
  --bg-app: #0a0f1d;
  --bg-sidebar: #0b1020;
  --bg-surface: #11182a;
  --bg-card: #172133;

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-soft: #cbd5e1;

  --border-default: rgba(255, 255, 255, 0.1);
  --border-strong: rgba(255, 255, 255, 0.18);

  --action-primary-bg: var(--brand-primary);
  --action-primary-text: #ffffff;
  --action-primary-hover: color-mix(in srgb, var(--brand-primary) 86%, black);

  --action-secondary-bg: rgba(255, 255, 255, 0.08);
  --action-secondary-text: var(--text-main);
  --action-secondary-hover: rgba(255, 255, 255, 0.14);

  --input-bg: rgba(255, 255, 255, 0.05);
  --input-text: var(--text-main);
  --input-placeholder: var(--text-muted);

  --link-color: #8ab4ff;
  --link-hover: #b8cfff;
  --focus-ring: color-mix(in srgb, var(--brand-primary) 35%, transparent);

  --status-success-bg: color-mix(in srgb, var(--success) 18%, transparent);
  --status-warning-bg: color-mix(in srgb, var(--warning) 18%, transparent);
  --status-danger-bg: color-mix(in srgb, var(--danger) 18%, transparent);
}