@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;600&family=IBM+Plex+Serif:wght@400;500&family=JetBrains+Mono:wght@400;600&display=swap');
:root {
  /* Primary Rich Colors */
  --primary: #000000;
  --secondary: #838383;
  --accent: #d63384;
  --success: #00f7ff;
  --warning: #ffdd00;
  --danger: #d63384;

  /* Soft Watercolor Backgrounds */
  --rose-mist: #D6E6F0;
  --lavender-blush: #F4F7FA;
  --cream-lilac: #F9FBFC;
  --pale-mauve: #E3EAF0;
  --soft-fog: #F5F8FA;

  /* Accent Colors */
  --icy-blue: #e5f6ff;
  --mint-fog: #ddf5ee;
  --warm-sand: #f5f0e9;

  --font-primary: 'IBM Plex Sans', sans-serif;
  --font-accent: 'JetBrains Mono';
}