/* CareNest — unified design tokens (load before all other CareNest stylesheets) */

:root {
  --cn-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --cn-display: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  --cn-ink: #152a3b;
  --cn-ink-soft: #3d5568;
  --cn-muted: #64748b;
  --cn-muted-light: #94a3b8;

  --cn-brand: #2e86ab;
  --cn-brand-light: #44a8c9;
  --cn-brand-dark: #1a5f8a;
  --cn-brand-glow: rgba(46, 134, 171, 0.14);

  --cn-accent: #e85d2a;
  --cn-accent-soft: #fef3ee;
  --cn-teal: #3ba8a8;
  --cn-sun: #c9920a;
  --cn-sun-soft: #fef9ec;
  --cn-violet: #5b4d9e;
  --cn-rose: #dc3545;
  --cn-green: #059669;
  --cn-sky: #2e86ab;
  --cn-coral: #e85d2a;

  --cn-bg: #f6f8fb;
  --cn-bg-mesh: #f6f8fb;
  --cn-card: #ffffff;
  --cn-border: #e2e8f0;
  --cn-border-soft: #f1f5f9;
  --cn-line: #e2e8f0;

  --cn-header-bg: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
  --cn-header-bg-solid: #f8fafc;
  --cn-header-border: rgba(46, 134, 171, 0.12);
  --cn-max: 1140px;

  --ce-font: var(--cn-font);
  --ce-display: var(--cn-display);
  --ce-bg: var(--cn-bg);
  --ce-ink: var(--cn-ink);
  --ce-ink-soft: var(--cn-ink-soft);
  --ce-sky: var(--cn-brand);
  --ce-teal: var(--cn-teal);
  --ce-sun: var(--cn-sun);
  --ce-coral: var(--cn-coral);
  --ce-green: var(--cn-green);
  --ce-purple: var(--cn-violet);
  --ce-line: var(--cn-line);
  --ce-max: var(--cn-max);

  --cn-radius-sm: 8px;
  --cn-radius: 12px;
  --cn-radius-lg: 16px;
  --cn-radius-xl: 20px;
  --cn-btn-radius: 8px;

  --cn-shadow-sm: 0 1px 2px rgba(21, 42, 59, 0.05), 0 1px 3px rgba(21, 42, 59, 0.04);
  --cn-shadow: 0 4px 16px rgba(21, 42, 59, 0.06);
  --cn-shadow-lg: 0 12px 32px rgba(21, 42, 59, 0.08);
  --cn-shadow-brand: 0 4px 14px rgba(46, 134, 171, 0.22);

  --cn-sidebar-width: 232px;
  --cn-topbar-height: 60px;
  --cn-transition: 0.15s ease;
}