@import 'tailwindcss';

@theme {
  /* Cloudflare Accent Colors */
  --color-orange-primary: #ff4801;
  --color-orange-light: #ff7038;

  /* Warm Background Colors */
  --color-bg-cream: #fffbf5;
  --color-bg-cream-dark: #fef7ed;

  /* Border Colors */
  --color-border-beige: #ebd5c1;
  --color-border-light: #e9d1bb;

  /* Text Colors */
  --color-text-dark: #521000;
  --color-text-medium: #52100080;

  /* Product Category Colors */
  --color-blue-compute: #0a95ff;
  --color-pink-storage: #ee0ddb;
  --color-green-ai: #19e306;
  --color-purple-media: #9616ff;

  /* Status Colors */
  --color-success: #19e306;
  --color-error: #ff4801;
  --color-info: #0a95ff;
}

body {
  margin: 0;
  font-family:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--color-bg-cream);
}

code,
pre {
  font-family: 'Monaco', 'Courier New', 'Courier', monospace;
}
