/**
 * Coordinator portal + login brand tokens — teal & terracotta.
 * Load before coordinator-portal.css and coordinator-dashboard.css.
 */
:root {
  --crd-font: "Outfit", "Public Sans", system-ui, sans-serif;
  --crd-font-display: "Source Serif 4", Georgia, serif;

  /* Teal */
  --crd-teal: #1a5f6c;
  --crd-teal-dark: #134e59;
  --crd-teal-deep: #0e3a42;
  --crd-teal-soft: #d5ebee;
  --crd-teal-muted: #eef6f5;

  /* Terracotta accent */
  --crd-warm: #c45c26;
  --crd-warm-dark: #a34a1c;
  --crd-warm-soft: #fde8dc;
  --crd-warm-muted: #fff6f0;

  /* Semantic */
  --crd-bg: #eef4f3;
  --crd-surface: #ffffff;
  --crd-border: #d7e2e0;
  --crd-text: #3d4656;
  --crd-muted: #5c6578;
  --crd-heading: #0c1222;
  --crd-accent: var(--crd-teal);
  --crd-accent-hover: var(--crd-teal-dark);
  --crd-accent-soft: var(--crd-teal-muted);
  --crd-highlight: var(--crd-warm);
  --crd-highlight-hover: var(--crd-warm-dark);
  --crd-highlight-soft: var(--crd-warm-muted);
  --crd-success: #287271;
  --crd-gradient: linear-gradient(135deg, var(--crd-teal-deep) 0%, var(--crd-teal) 55%, #2a9d8f 100%);
  --crd-gradient-soft: linear-gradient(135deg, var(--crd-teal-muted) 0%, var(--crd-warm-muted) 100%);
  --crd-radius: 10px;
  --crd-radius-lg: 12px;
  --crd-shadow: 0 1px 2px rgba(14, 58, 66, 0.06);
  --crd-shadow-md: 0 8px 24px rgba(14, 58, 66, 0.1);
  --crd-sidebar-w: 16rem;
  --crd-page-x: 1.35rem;
  --crd-page-y: 1.15rem;
  --crd-text-base: 0.9375rem;
  --crd-text-sm: 0.8125rem;
  --crd-text-xs: 0.75rem;
}