@theme {
  --font-sans: Inter, 'Noto Sans Bengali', 'Hind Siliguri', ui-sans-serif, system-ui, sans-serif;

  --color-brand-50: #f0f9ff;
  --color-brand-100: #e0f2fe;
  --color-brand-500: #0ea5e9;
  --color-brand-600: #0284c7;
  --color-brand-700: #0369a1;
  --color-accent-400: #a78bfa;
  --color-accent-500: #8b5cf6;

  --radius-app-sm: 0.75rem;
  --radius-app-md: 1rem;
  --radius-app-lg: 1.5rem;
}

:root {
  color-scheme: light;
  --app-bg: #f7f9fc;
  --app-surface: rgb(255 255 255 / 0.88);
  --app-surface-strong: #ffffff;
  --app-text: #14213d;
  --app-text-muted: #64748b;
  --app-border: rgb(148 163 184 / 0.24);
  --app-primary: #0284c7;
  --app-accent: #8b5cf6;
  --app-focus: #0ea5e9;
  --app-danger: #dc2626;
  --app-success: #15803d;
  --app-safe-top: env(safe-area-inset-top, 0px);
  --app-safe-right: env(safe-area-inset-right, 0px);
  --app-safe-bottom: env(safe-area-inset-bottom, 0px);
  --app-safe-left: env(safe-area-inset-left, 0px);
}

:root[data-theme='dark'],
.dark {
  color-scheme: dark;
  --app-bg: #08111f;
  --app-surface: rgb(15 23 42 / 0.86);
  --app-surface-strong: #111c30;
  --app-text: #f8fafc;
  --app-text-muted: #a8b3c7;
  --app-border: rgb(148 163 184 / 0.2);
  --app-primary: #38bdf8;
  --app-accent: #a78bfa;
  --app-focus: #7dd3fc;
  --app-danger: #f87171;
  --app-success: #4ade80;
}