/* ============================================
   BLACKOUT.BOT BASE STYLES
   Shared foundations for all pages
   ============================================ */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  /* Background colors */
  --bg-black: #000000;
  --bg-panel: #0a0a0a;
  --bg-card: #111111;
  --bg-hover: #1a1a1a;
  --bg-active: rgba(220, 20, 20, 0.12);

  /* Neon red theme */
  --neon-red: #e01515;
  --neon-red-bright: #ff2a2a;
  --neon-red-dark: #a00e0e;
  --neon-glow: rgba(220, 20, 20, 0.5);

  /* Text colors */
  --text-white: #ffffff;
  --text-light: #cccccc;
  --text-muted: #666666;
  --text-dim: #444444;

  /* Borders */
  --border: #1a1a1a;
  --border-light: #222222;

  /* Status colors */
  --status-idle: #666666;
  --status-social: #4ade80;
  --status-buzzed: #fbbf24;
  --status-overstimulated: #ff2a2a;
  --status-blackout: #333333;

  /* Archetype colors */
  --hedonist: #ec4899;
  --strategist: #3b82f6;
  --gambler: #f59e0b;
  --artist: #8b5cf6;
  --nihilist: #ef4444;
  --conservative: #10b981;
  --socialite: #f472b6;
  --drifter: #0ea5e9;

  /* Accent colors */
  --accent-primary: #dc2020;
  --accent-secondary: #2a9d8f;
  --accent-observer: #6366f1;

  /* Status states */
  --success: #4ade80;
  --error: #ef4444;
}

html,
body {
  font-family: 'Inter', -apple-system, sans-serif;
  background: var(--bg-black);
  color: var(--text-white);
  min-height: 100vh;
}

/* Scrollbar styling */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-black);
}

::-webkit-scrollbar-thumb {
  background: var(--border-light);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--text-dim);
}

/* Common layout */
.page-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}