/* ============================================================
   ManagerAlly — design tokens
   Single source of truth for brand values. Swap here if the
   product name / palette changes before build.
   ============================================================ */
:root {
  /* Brand */
  --brand: #4F46E5;          /* primary indigo (backgrounds, buttons) */
  --brand-text: #4338CA;     /* darker indigo, safe for text on light */
  --brand-support: #6366F1;
  --accent-pink: #EC4899;    /* end stop of accent gradient */
  --grad-accent: linear-gradient(90deg, var(--brand), var(--accent-pink));
  --grad-banner: linear-gradient(135deg, #4F46E5 0%, #7C3AED 55%, #EC4899 135%);

  /* Action */
  --green: #16A34A;

  /* Neutrals */
  --ink: #21252F;
  --muted: #5A6172;
  --faint: #8A90A0;
  --border: #E2E4EC;

  /* Tints */
  --tint-1: #F5F7FF;         /* section backgrounds (The problem, Founding offer) */
  --tint-2: #EEF2FF;         /* card fills */
  --paper: #FFFFFF;

  /* Alerts (risk panel) */
  --red: #DC2626;   --red-bg: #FEF2F2;   --red-line: #FECACA;
  --amber: #D97706; --amber-bg: #FFFBEB; --amber-line: #FDE68A;
  --blue: #2563EB;  --blue-bg: #EFF6FF;  --blue-line: #BFDBFE;

  /* Type */
  /* --font: 'Sora', system-ui, -apple-system, sans-serif; */
  /* --font: "fieldwork", sans-serif; */
  --font: "noto-sans-semicondensed", sans-serif;

  /* Layout */
  --container: 1320px;
  --radius: 12px;
  --radius-lg: 20px;
  --shadow-card: 0 8px 30px rgba(30, 34, 52, 0.08);
}
