@import "tailwindcss";

:root {
  --primary-color: #007AFF;
  --primary-hover: #0063CC;
  --bg-light: #FBFBFD;
  --sidebar-bg: #F8FAFD;
  --text-main: #1D1D1F;
  --text-sec: #86868B;
  --border-color: #E5E5E7;
  --card-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
  --btn-shadow: 0 4px 12px rgba(0, 122, 255, 0.25);
  --radius-card: 24px;
  --radius-btn: 12px;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  background-color: var(--bg-light);
  color: var(--text-main);
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
}

/* Base custom styles for utility-like usage */
.bg-light { background-color: var(--bg-light); }
.bg-sidebar { background-color: var(--sidebar-bg); }
.text-main { color: var(--text-main); }
.text-sec { color: var(--text-sec); }
.border-main { border-color: var(--border-color); }
