@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,600;1,9..144,300;1,9..144,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap');

:root {
  --background: #F4F2EF;
  --foreground: #1A1F2E;
  --card: #FFFFFF;
  --card-foreground: #1A1F2E;
  --primary: #2C7A7B;
  --primary-foreground: #FFFFFF;
  --secondary: #E8E4DE;
  --secondary-foreground: #3A3F4E;
  --muted: #EAE7E1;
  --muted-foreground: #7A7F8E;
  --accent: #5BA8A0;
  --accent-foreground: #FFFFFF;
  --border: #DDD9D1;
  --ring: #2C7A7B;
  --radius: 8px;
}
.dark {
  --background: #111318;
  --foreground: #EAE7E1;
  --card: #1C2030;
  --card-foreground: #EAE7E1;
  --primary: #5BA8A0;
  --primary-foreground: #111318;
  --secondary: #252A38;
  --secondary-foreground: #C8C4BE;
  --muted: #1E2230;
  --muted-foreground: #8A8F9E;
  --accent: #3A8A82;
  --accent-foreground: #FFFFFF;
  --border: #2A2F40;
  --ring: #5BA8A0;
}
* { box-sizing: border-box; }
html, body, #root { min-height: 100%; margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  font-family: 'Outfit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background-color: var(--background);
  color: var(--foreground);
  -webkit-font-smoothing: antialiased;
}
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; opacity: 0; transition: opacity 0.2s; }
*:hover::-webkit-scrollbar-thumb { opacity: 1; }
.font-display { font-family: 'Fraunces', Georgia, serif; }
.font-mono { font-family: 'DM Mono', monospace; }