@import "tailwindcss";

@theme {
  --color-bg: #0b1220;
  --color-bg-2: #111827;
  --color-surface: #111827;
  --color-surface-hover: #1a2332;
  --color-border: #1f2937;
  --color-border-strong: #374151;
  --color-text: #e5e7eb;
  --color-text-strong: #ffffff;
  --color-text-dim: #9ca3af;
  --color-text-dimmer: #6b7280;
  --color-accent: #3b82f6;
  --color-accent-hover: #2563eb;
  --color-success: #10b981;
  --color-warn: #f59e0b;
  --color-danger: #ef4444;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

html[data-theme='light'] {
  --color-bg: #f8fafc;
  --color-bg-2: #ffffff;
  --color-surface: #ffffff;
  --color-surface-hover: #f1f5f9;
  --color-border: #e2e8f0;
  --color-border-strong: #cbd5e1;
  --color-text: #0f172a;
  --color-text-strong: #020617;
  --color-text-dim: #475569;
  --color-text-dimmer: #64748b;
  --color-accent: #2563eb;
  --color-accent-hover: #1d4ed8;
  --color-success: #059669;
  --color-warn: #d97706;
  --color-danger: #dc2626;
}

html {
  background: var(--color-bg);
  color: var(--color-text);
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  transition: background 0.2s, color 0.2s;
}

/* Visa wordmark — brand blue on light, near-white on dark for contrast */
.visa-tile { color: #1A1F71; }
html[data-theme='dark'] .visa-tile { color: #f5f5f5; }

/* Tenant-aware logo swap. Default (no data-tenant or openova) shows the OpenOva
 * brand; omantel.openova.io shows the Omantel logo. Driven by the pre-hydration
 * script in src/layouts/Layout.astro which sets html[data-tenant] before paint. */
.brand-omantel { display: none; }
html[data-tenant='omantel'] .brand-openova { display: none; }
html[data-tenant='omantel'] .brand-omantel { display: inline-flex; }

body {
  margin: 0;
  min-height: 100dvh;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--color-bg);
}
::-webkit-scrollbar-thumb {
  background: var(--color-border-strong);
  border-radius: 3px;
}
