:root[data-theme="light"] {
  --bg: #FAFAF8;
  --bg-2: #F2F0EB;
  --bg-warm: #FAE8DC;
  --bg-cool: #D8E2F5;
  --surface: #FFFFFF;
  --ink: #1C2630;
  --text: #5A5A55;
  --text-mute: #8A8A85;
  --blue: #3B5998;
  --orange: #D4622A;
  --green: #2D7A4F;
  --border: #E0DDD8;
  --nav-bg: rgba(250, 250, 248, 0.92);
  --ghost: rgba(28, 38, 48, 0.04);
}

:root[data-theme="dark"] {
  --bg: #1C2630;
  --bg-2: #2E3D4A;
  --bg-warm: rgba(212, 98, 42, 0.08);
  --bg-cool: rgba(59, 89, 152, 0.12);
  --surface: #2E3D4A;
  --ink: #FAFAF8;
  --text: rgba(255, 255, 255, 0.72);
  --text-mute: rgba(255, 255, 255, 0.5);
  --blue: #6B85BB;
  --orange: #E8885A;
  --green: #6ECB8A;
  --border: rgba(255, 255, 255, 0.08);
  --nav-bg: rgba(28, 38, 48, 0.92);
  --ghost: rgba(255, 255, 255, 0.03);
}

/* Polices */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Playfair+Display:ital,wght@0,700;1,400&family=DM+Sans:wght@300;400;500&family=DM+Mono:wght@400;500&display=swap');