/**
 * Center + login brand tokens — blue & orange.
 * Load before center-portal.css and center-auth.css.
 */
:root {
  --cp-font: "DM Sans", "Public Sans", system-ui, sans-serif;

  /* Blue */
  --cp-blue: #2563eb;
  --cp-blue-dark: #1d4ed8;
  --cp-blue-deep: #1e3a8f;
  --cp-blue-soft: #dbeafe;
  --cp-blue-muted: #eff6ff;

  /* Orange */
  --cp-orange: #f97316;
  --cp-orange-dark: #ea580c;
  --cp-orange-soft: #ffedd5;
  --cp-orange-muted: #fff7ed;

  /* Semantic (portal) */
  --cp-bg: #f4f6fb;
  --cp-surface: #ffffff;
  --cp-border: #e2e8f0;
  --cp-text: #374151;
  --cp-muted: #64748b;
  --cp-heading: #0f172a;
  --cp-accent: var(--cp-blue);
  --cp-accent-hover: var(--cp-blue-dark);
  --cp-accent-soft: var(--cp-blue-muted);
  --cp-highlight: var(--cp-orange);
  --cp-highlight-hover: var(--cp-orange-dark);
  --cp-highlight-soft: var(--cp-orange-muted);
  --cp-success: #059669;
  --cp-gradient: linear-gradient(135deg, var(--cp-blue) 0%, var(--cp-orange) 100%);
  --cp-gradient-soft: linear-gradient(135deg, var(--cp-blue-muted) 0%, var(--cp-orange-muted) 100%);
  --cp-radius: 10px;
  --cp-radius-lg: 12px;
  --cp-shadow: 0 1px 2px rgba(30, 58, 138, 0.06);
  --cp-shadow-md: 0 4px 14px rgba(30, 58, 138, 0.1);
  --cp-sidebar-w: 16rem;
  --cp-page-x: 1.35rem;
  --cp-page-y: 1.15rem;
  /* Readable default scale (portal + dashboard) */
  --cp-text-base: 0.9375rem;
  --cp-text-sm: 0.8125rem;
  --cp-text-xs: 0.75rem;
}