/* ══════════════════════════════════════════════════════
   base.css – Variables CSS, reset global, body, svg
   ══════════════════════════════════════════════════════ */

:root {
  --pink: #e72775;
  --pink-dark: #c21e5c;
  --pink-lt: rgba(231, 39, 117, 0.12);
  --pink-xlt: rgba(231, 39, 117, 0.06);
  --white: #ffffff;
  --text: #1f2937;
  --text-sub: #374151;
  --gray: #6b7280;
  --gray-lt: #f3f4f6;
  --border: #e5e7eb;
  --safe: #16a34a;
  --safe-bg: rgba(22, 163, 74, 0.1);
  --danger: #dc2626;
  --danger-bg: rgba(220, 38, 38, 0.1);
  --warn: #d97706;
  --warn-bg: rgba(217, 119, 6, 0.1);
  --r: 18px;
  --r-sm: 12px;
  --sh: 0 4px 20px rgba(0, 0, 0, 0.07);
  --sh2: 0 10px 30px rgba(0, 0, 0, 0.12);
  --sidebar-w: 240px;
  --header-h: 65px;
  --font: "Nunito", "Segoe UI", Tahoma, Verdana, sans-serif;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
body {
  font-family: var(--font);
  background: linear-gradient(to bottom, #dceee0 0%, #f0f7f1 22%, #fff 50%);
  min-height: 100vh;
  color: var(--text);
  overflow-x: hidden;
}
svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}