/* Omnipus — The Sovereign Deep */
/* Self-hosted fonts via @fontsource (no CDN dependency) */
@import '@fontsource/outfit/400.css';
@import '@fontsource/outfit/700.css';
@import '@fontsource/inter/400.css';
@import '@fontsource/inter/500.css';
@import '@fontsource/inter/600.css';
@import '@fontsource/jetbrains-mono/400.css';
@import '@fontsource/jetbrains-mono/500.css';

@import 'tailwindcss';

/* ------------------------------------------------------------------ */
/* US-1: Tailwind v4 @theme — all Sovereign Deep brand tokens          */
/* ------------------------------------------------------------------ */
@theme {
  /* Colors */
  --color-primary: #0a0a0b;
  --color-secondary: #e2e8f0;
  --color-accent: #d4af37;
  --color-success: #10b981;
  --color-error: #ef4444;
  --color-warning: #EAB308;
  --color-info: #3B82F6;
  --color-cancelled: #F97316;
  --color-accent-hover: #c49e2f;
  --color-error-hover: #dc2626;

  /* Surface elevations (dark-first) */
  --color-surface-0: #0a0a0b;
  --color-surface-1: #111113;
  --color-surface-2: #1a1a1e;
  --color-surface-3: #222228;

  /* Muted text / borders */
  --color-muted: #4a5568;
  --color-border: #2d3748;

  /* Typography */
  --font-headline: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* Spacing scale additions */
  --spacing-sidebar: 256px;

  /* Animation */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

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

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  background-color: var(--color-primary);
  color: var(--color-secondary);
  font-family: var(--font-body);
  line-height: 1.6;
}

/* Typography utilities */
.font-headline {
  font-family: var(--font-headline);
}
.font-body {
  font-family: var(--font-body);
}
.font-mono {
  font-family: var(--font-mono);
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: var(--color-surface-1);
}
::-webkit-scrollbar-thumb {
  background: var(--color-border);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-muted);
}
