@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap");
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --offto-teal: #08b7b1;
  --offto-deep: #063b5a;
  --offto-ink: #102b3d;
  --offto-mist: #effaf8;
  --offto-sand: #f7f3ea;
  --offto-coral: #ff866d;
}
.dark { --background: 205 55% 11%; --foreground: 170 30% 96%; }