:root {
  --accent: #00AAFF;
  --accent-hover: #0095e0;
  --font-family: Inter, -apple-system, system-ui, sans-serif;
  /* background layers */
  --bg: #ffffff;
  --surface: #f6f7fb;
  --card: #ffffff;

  /* text */
  --text: #0f172a;
  --muted: #64748b;

  /* borders */
  --border: #e6e8ee;

  /* UI */
  --rounded-corner: 23px;
  --shadow: 0 10px 25px rgba(0,0,0,0.08);

  /* chips */
  --chip: #f1f5f9;
  --warning: #ff5a5a;
}

/* DARK THEME */
:root[data-theme="dark"] {
  /* background layers */
  --bg: #0b0f14;
  --surface: #0f1621;
  --card: #121a26;

  /* text */
  --text: #f8fafc;
  --muted: #94a3b8;

  /* borders (slightly softer than before) */
  --border: #1f2a3a;

  /* chips */
  --chip: #111827;
  --warning: #ff5a5a;
  /* accent tuning */
  --accent-hover: #1aa8ff;

  /* optional depth */
  --shadow: 0 10px 30px rgba(0,0,0,0.35);
}
html {
  scroll-behavior: smooth;
}