@import url("https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap");

/**
 * Zen garden palette — light / dark only. Variables live on html[data-scheme].
 * Accent: muted sage #5C7A5F (both modes).
 */

:root {
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 0.45s;
}

html[data-scheme="light"] {
  --bg: #f5f5f5;
  --bg-muted: #E8E8E5;
  --text: #111111;
  --text-muted: #555555;
  --text-2: #555555;
  --accent: #3D5AFE;
  --accent-soft: #DBEAFE;
  --border: #DDDDD9;
  --grid-line: rgba(0,0,0,0.06);
}

html[data-scheme="dark"] {
  --bg: #000000;
  --bg-muted: #222222;
  --text: #e8e8e6;
  --text-muted: #777777;
  --text-2: #777777;
  --accent: #3D5AFE;
  --accent-soft: #1E3A5F;
  --border: #2A2A2A;
  --grid-line: rgba(255,255,255,0.04);
}