/* YastomCRM — Design tokens */
:root {
  /* Mint */
  --mint-50:  #ECFAF5;
  --mint-100: #D1F2E5;
  --mint-500: #2DBE9F;
  --mint-600: #25A688;
  --mint-700: #1E8A71;

  /* Gray */
  --gray-50:  #F7F8F9;
  --gray-100: #EEF0F2;
  --gray-300: #D6DADE;
  --gray-500: #8B9097;
  --gray-700: #4B5159;
  --gray-900: #1A1D21;

  /* Semantic */
  --success: #16A34A;
  --warning: #F59E0B;
  --danger:  #E5484D;
  --info:    #3B82F6;

  /* Type */
  --font-sans: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-18: 18px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-32: 32px;

  /* Radii */
  --r-6: 6px;
  --r-8: 8px;
  --r-12: 12px;
  --r-16: 16px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-soft: 0 1px 2px rgba(16,24,40,.04), 0 4px 16px rgba(16,24,40,.06);
  --shadow-pop:  0 8px 28px rgba(16,24,40,.12);

  /* Spacing 4-pt grid is implicit (4,8,12,16,20,24,32,40,48) */
}

/* Resets for handoff cards */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body, button, input, select, textarea {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  color: var(--gray-900);
}

/* Lucide-ish icon helper — outlined 20px placeholder strokes via inline svg */
.ic { width: 20px; height: 20px; flex: none; stroke: currentColor; stroke-width: 1.75; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.ic-16 { width: 16px; height: 16px; }
.ic-24 { width: 24px; height: 24px; }