/* Theme Foundation - CSS Custom Properties */

:root {
  /* Font Family */
  --color-font-family: var(--theme-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);

  /* Shadow */
  --color-shadow: var(--theme-shadow);

  /* Primary Colors */
  --color-primary: var(--theme-primary);
  --color-primary-hover: var(--theme-primary-hover);
  --color-primary-soft: var(--theme-primary-soft);

  /* Accent Colors */
  --color-accent: var(--theme-accent);
  --color-accent-hover: var(--theme-accent-hover);

  /* Surface Colors */
  --color-surface: var(--theme-surface);
  --color-surface-elevated: var(--theme-surface-elevated);
  --color-surface-sunken: var(--theme-surface-sunken);

  /* Sidebar Colors */
  --color-sidebar: var(--theme-sidebar);
  --color-sidebar-elevated: var(--theme-sidebar-elevated);

  /* Editor Colors */
  --color-editor-bg: var(--theme-editor-bg);

  /* Text Colors */
  --color-text-primary: var(--theme-text-primary);
  --color-text-secondary: var(--theme-text-secondary);
  --color-text-tertiary: var(--theme-text-tertiary);
  --color-text-on-dark: var(--theme-text-on-dark);
  --color-text-on-dark-secondary: var(--theme-text-on-dark-secondary);

  /* Border Colors */
  --color-border: var(--theme-border);
  --color-border-subtle: var(--theme-border-subtle);

  /* Button Colors */
  --color-button-secondary: var(--theme-button-secondary);

  /* Status Colors */
  --color-danger: var(--theme-danger);
  --color-danger-hover: var(--theme-danger-hover);
  --color-success: var(--theme-success);

  /* Action Button Colors */
  --color-action-edit: var(--theme-action-edit);
  --color-action-delete: var(--theme-action-delete);
  --color-action-assign: var(--theme-action-assign);

  /* Navigation Colors */
  --color-nav-text: var(--theme-nav-text);
}

/* Global button hover effects */
button[style*="background-color: var(--color-danger)"]:hover {
  background-color: var(--color-danger-hover) !important;
  transition: background-color 0.2s ease;
}