:root {
  --color-sky-blue: #38BDF8;
  --color-deep-sky-blue: #0284C7;
  --color-pale-sky-blue: #E0F2FE;
  --color-black: #111827;
  --color-charcoal: #1F2937;
  --color-slate-grey: #64748B;
  --color-light-grey: #E5E7EB;
  --color-background-grey: #F3F4F6;
  --color-white: #FFFFFF;

  --font-sans: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  --font-serif: Georgia, 'Times New Roman', Times, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}