@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500;600;700&display=swap");

/* ---------- TOKENS ---------- */

:root {
  --surface-app: #f9fafb;
  --accent-color: #2563eb;
  --accent-color-hover: #1d4ed8;
  --danger-bg: #dc2626;
  --danger-bg-hover: #b91c1c;

  --surface-0: #ffffff;
  --surface-1: #ffffff;
  --surface-2: #f8fafc;
  --surface-tint-subtle: #f1f5f9;
  --surface-tint-card: #f8fbff;
  --surface-marketing-solid: #212529;

  --border-soft: #e5e7eb;
  --border-strong: #dbe5f2;
  --border-input: #e2e8f0;
  --border-hover: #cbd5f5;

  --text-body: #111827;
  --text-inverse: #ffffff;
  --text-strong: #0f172a;
  --text-main: #1f2937;
  --text-muted: #6b7280;
  --text-subtle: #64748b;
  --text-secondary: #475569;
  --text-emphasis: #334155;
  --text-placeholder: #94a3b8;

  --status-new-bg: #eef2ff;
  --status-new-fg: #3730a3;
  --status-success-bg: #f0fdf4;
  --status-success-fg: #166534;
  --status-danger-bg: #fef2f2;
  --status-danger-fg: #b91c1c;

  --link-underline-color: #cbd5e1;

  --chip-neutral-bg: #edf2f7;
  --chip-neutral-fg: #475569;
  --chip-success-bg: #dcfce7;
  --chip-success-fg: #166534;
  --chip-info-bg: #e0f2fe;
  --chip-info-fg: #075985;
  --chip-warn-bg: #fef3c7;
  --chip-warn-fg: #92400e;
  --chip-danger-bg: #fee2e2;
  --chip-danger-fg: #991b1b;
  --chip-muted-bg: #e5e7eb;
  --chip-muted-fg: #4b5563;
  --chip-replacing-bg: #ffedd5;
  --chip-replacing-fg: #c2410c;
  --chip-active-bg: #ecfdf5;
  --chip-active-fg: #065f46;
  --card-shadow: 0 8px 22px rgba(15, 23, 42, 0.05);
}