:root {
  --bg: #F1F2F4;
  --surface: #ffffff;
  --surface-2: #F5F5F3;
  --surface-3: #fafafa;
  --text: #16181D;
  --text-secondary: #6b6b6b;
  --text-tertiary: #999999;
  --border: #e5e5e5;
  --border-strong: #d1d1d1;
  --accent: #7B4FA6;
  --accent-hover: #643d8a;
  --accent-soft: rgba(123, 79, 166, 0.12);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --radius: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --font: 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --orwee: #7B4FA6;
  --orwee-soft: rgba(123, 79, 166, 0.12);
  --personal: #4A9FD4;
  --personal-soft: rgba(74, 159, 212, 0.12);
  --casa: #C2683D;
  --casa-soft: rgba(194, 104, 61, 0.12);
  --bs: #3D5A98;
  --bs-soft: rgba(61, 90, 152, 0.12);
  --jobs: #0D9488;
  --jobs-soft: rgba(13, 148, 136, 0.12);
  --otros: #6B7280;
  --otros-soft: rgba(107, 114, 128, 0.12);

  --priority-high: #D64545;
  --priority-medium: #D89A2B;
  --priority-low: #5B8A72;
  --transition: 150ms ease;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
}

button, input, textarea, select {
  font-family: inherit;
  font-size: inherit;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background: #d0d0d0;
  border-radius: 3px;
}