/* tic-tac-toe Custom Theme */
/* This file is generated once and won't be overwritten - safe to customize */

:root {
  /* Primary colors - customize these for your brand */
  --color-primary: #24292e;
  --color-primary-hover: #1a1e22;
  --color-primary-light: #e3f2fd;

  /* Secondary colors */
  --color-secondary: #6c757d;
  --color-secondary-hover: #5a6268;

  /* Status colors */
  --color-success: #28a745;
  --color-success-light: #e8f5e9;
  --color-warning: #ff9800;
  --color-warning-light: #fff3e0;
  --color-danger: #dc3545;
  --color-danger-light: #ffebee;
  --color-info: #1565c0;
  --color-info-light: #e3f2fd;

  /* Neutral colors */
  --color-text: #333;
  --color-text-light: #666;
  --color-text-muted: #999;
  --color-background: #f5f5f5;
  --color-surface: white;
  --color-border: #ddd;
  --color-border-light: #eee;

  /* Navigation */
  --color-nav-bg: #24292e;
  --color-nav-text: rgba(255, 255, 255, 0.8);
  --color-nav-text-active: white;

  /* Spacing */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;

  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.15);
  --shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.2);
}

/* Override navigation with custom colors */
.navigation {
  background: var(--color-nav-bg) !important;
}

/* Apply custom primary colors to buttons */
.btn-primary {
  background: var(--color-primary) !important;
}

.btn-primary:hover {
  background: var(--color-primary-hover) !important;
}

/* Status badge colors - add custom colors for your workflow states */
/* Example: .badge-pending { background: var(--color-warning-light); color: var(--color-warning); } */

/* Card styling */
.card {
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

/* Custom scrollbar (webkit) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-border-light);
}

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

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

/* Schema tabs - override blue with primary color */
.schema-tab.active {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
}

/* Schema stat values (overview numbers) */
.stat-value {
  color: var(--color-primary) !important;
}

/* Fix petri-view tool controls - keep centered horizontally when editor is toggled */
.pv-menu.pv-mode-menu {
  position: absolute !important;
  top: 8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: auto !important;
  z-index: 100 !important;
}