@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Inter:wght@400;500;600&display=swap');

:root {
  --font-serif: 'DM Serif Display', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --bg-main: #FFFFFF;
  --bg-subtle: #F8FAFC;
  --bg-dark: #0B0D10;
  --bg-card: #FFFFFF;
  --bg-card-dark: #0F1115;

  --text-main: #0F172A;
  --text-muted: #64748B;
  --text-dim: #94A3B8;

  --text-dark-main: #FFFFFF;
  --text-dark-muted: #94A3B8;
  --text-dark-dim: #64748B;

  --brand-black: #0F172A;
  --brand-blue: #2563EB;
  --brand-purple: #7C3AED;

  --border-light: #E5E7EB;
  --border-dark: rgba(255, 255, 255, 0.08);

  --shadow-paper: 0 2px 6px rgba(0, 0, 0, 0.03);
  --shadow-paper-hover: 0 20px 40px rgba(0, 0, 0, 0.05);

  --radius-pill: 999px;
  --radius-card: 24px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--text-main);
  font-family: var(--font-sans);
  background: var(--bg-main);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
button, input { font: inherit; }
.hidden { display: none !important; }
a { color: inherit; text-decoration: none; }