:root {
  --mint-aqua-600: #61c0bf;
  --mint-aqua-500: #7bd4d1;
  --mint-soft-200: #bbded6;
  --mint-soft-100: #e9f7f3;
  --mint-peach-100: #fae3d9;
  --mint-rose-300: #ffb6b9;
  --mint-rose-500: #e95d91;
  --mint-lemon-300: #ffe56a;
  --mint-sky-100: #d8e7f3;
  --mint-cloud: #f8fbfb;
  --mint-surface: #ffffff;
  --mint-ink: #364d58;
  --mint-ink-soft: #60747c;
  --mint-muted: #8aa0a8;
  --mint-line: #e8f0ef;
  --mint-line-strong: #d7e6e4;

  --mint-shadow-soft: 0 18px 52px rgba(54, 77, 88, 0.13);
  --mint-shadow-card: 0 10px 26px rgba(54, 77, 88, 0.08);

  --mint-radius-card: 8px;
  --mint-radius-control: 8px;
  --mint-radius-pill: 999px;

  --mint-sidebar-width: 220px;
  --mint-sidebar-collapsed-width: 78px;
  --mint-mobile-topbar-height: 64px;

  --mint-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.mint-surface {
  color: var(--mint-ink);
  background:
    radial-gradient(circle at 18% 14%, rgba(255, 255, 255, 0.92) 0 120px, transparent 121px),
    linear-gradient(135deg, #d4e6f4 0%, #ecf5f4 52%, #fdf3ea 100%);
  font-family: var(--mint-font);
  letter-spacing: 0;
}

.mint-panel {
  background: var(--mint-surface);
  border: 1px solid var(--mint-line);
  border-radius: var(--mint-radius-card);
  box-shadow: var(--mint-shadow-card);
}

.mint-button-primary {
  color: #ffffff;
  background: var(--mint-aqua-600);
  border: 0;
  border-radius: var(--mint-radius-control);
}

.mint-button-secondary {
  color: var(--mint-ink);
  background: var(--mint-lemon-300);
  border: 0;
  border-radius: var(--mint-radius-control);
}

.mint-input {
  color: var(--mint-ink);
  background: #ffffff;
  border: 1px solid var(--mint-line-strong);
  border-radius: var(--mint-radius-control);
}

.mint-input:focus {
  border-color: var(--mint-aqua-600);
  outline: 3px solid rgba(97, 192, 191, 0.2);
}

.mint-tag {
  color: #268b89;
  background: var(--mint-soft-100);
  border-radius: var(--mint-radius-pill);
}