/* Import succession theming system first - @import must precede all other statements */
@import "./succession.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

/* Succession utility classes - needed because Tailwind may not generate them automatically */
@layer utilities {
  /* Background colors */
  .bg-succession-primary { background-color: var(--succession-primary) !important; }
  .bg-succession-secondary { background-color: var(--succession-secondary) !important; }
  .bg-succession-accent { background-color: var(--succession-accent) !important; }
  .bg-succession-neutral { background-color: var(--succession-neutral) !important; }
  
  .bg-succession-bg-primary { background-color: var(--succession-bg-primary) !important; }
  .bg-succession-bg-secondary { background-color: var(--succession-bg-secondary) !important; }
  .bg-succession-bg-tertiary { background-color: var(--succession-bg-tertiary) !important; }
  .bg-succession-bg-muted { background-color: var(--succession-bg-muted) !important; }
  
  .bg-succession-border { background-color: var(--succession-border) !important; }
  .bg-succession-primary-10 { background-color: var(--succession-primary-10) !important; }
  .bg-succession-secondary-10 { background-color: var(--succession-secondary-10) !important; }
  .bg-succession-success { background-color: var(--succession-success) !important; }
  .bg-succession-success-bg { background-color: var(--succession-success-bg) !important; }
  .bg-succession-warning { background-color: var(--succession-warning) !important; }
  .bg-succession-warning-bg { background-color: var(--succession-warning-bg) !important; }
  .bg-succession-error { background-color: var(--succession-error) !important; }
  .bg-succession-error-bg { background-color: var(--succession-error-bg) !important; }
  
  /* Hover background colors */
  .hover\:bg-succession-primary-10:hover { background-color: var(--succession-primary-10) !important; }
  .hover\:bg-succession-primary:hover { background-color: var(--succession-primary) !important; }
  .hover\:bg-succession-primary-hover:hover { background-color: var(--succession-primary-hover) !important; }
  .hover\:bg-succession-bg-secondary:hover { background-color: var(--succession-bg-secondary) !important; }
  .hover\:bg-succession-bg-tertiary:hover { background-color: var(--succession-bg-tertiary) !important; }
  .hover\:bg-succession-secondary-10:hover { background-color: var(--succession-secondary-10) !important; }
  
  /* Text colors */
  .text-succession-primary { color: var(--succession-primary) !important; }
  .text-succession-secondary { color: var(--succession-secondary) !important; }
  .text-succession-accent { color: var(--succession-accent) !important; }
  .text-succession-neutral { color: var(--succession-neutral) !important; }
  
  .text-succession-text-primary { color: var(--succession-text-primary) !important; }
  .text-succession-text-secondary { color: var(--succession-text-secondary) !important; }
  .text-succession-text-tertiary { color: var(--succession-text-tertiary) !important; }
  .text-succession-text-muted { color: var(--succession-text-muted) !important; }
  
  .text-succession-success { color: var(--succession-success) !important; }
  .text-succession-warning { color: var(--succession-warning) !important; }
  .text-succession-error { color: var(--succession-error) !important; }
  
  /* Hover text colors */
  .hover\:text-succession-primary:hover { color: var(--succession-primary) !important; }
  .hover\:text-succession-primary-hover:hover { color: var(--succession-primary-hover) !important; }
  .hover\:text-succession-text-primary:hover { color: var(--succession-text-primary) !important; }
  .hover\:text-succession-error:hover { color: var(--succession-error) !important; }
  .group:hover .group-hover\:text-succession-primary { color: var(--succession-primary) !important; }
  
  /* Border colors */
  .border-succession-primary { border-color: var(--succession-primary) !important; }
  .border-succession-secondary { border-color: var(--succession-secondary) !important; }
  .border-succession-accent { border-color: var(--succession-accent) !important; }
  .border-succession-neutral { border-color: var(--succession-neutral) !important; }
  .border-succession-border { border-color: var(--succession-border) !important; }
  .border-succession-success { border-color: var(--succession-success) !important; }
  .border-succession-warning { border-color: var(--succession-warning) !important; }
  .border-succession-error { border-color: var(--succession-error) !important; }
  
  /* Shadow colors */
  .shadow-succession-sm { box-shadow: var(--succession-shadow-sm) !important; }
  .shadow-succession-md { box-shadow: var(--succession-shadow-md) !important; }
  .shadow-succession-lg { box-shadow: var(--succession-shadow-lg) !important; }
  .shadow-succession-xl { box-shadow: var(--succession-shadow-xl) !important; }
  
  /* Hover shadow colors */
  .hover\:shadow-succession-sm:hover { box-shadow: var(--succession-shadow-sm) !important; }
  .hover\:shadow-succession-md:hover { box-shadow: var(--succession-shadow-md) !important; }
  .hover\:shadow-succession-lg:hover { box-shadow: var(--succession-shadow-lg) !important; }
  .hover\:shadow-succession-xl:hover { box-shadow: var(--succession-shadow-xl) !important; }
  
  /* Focus ring colors */
  .focus\:ring-succession-primary:focus { --tw-ring-color: var(--succession-primary) !important; }
  .focus\:ring-succession-secondary:focus { --tw-ring-color: var(--succession-secondary) !important; }
  .focus\:ring-succession-accent:focus { --tw-ring-color: var(--succession-accent) !important; }
  .focus\:ring-succession-success:focus { --tw-ring-color: var(--succession-success) !important; }
  .focus\:ring-succession-warning:focus { --tw-ring-color: var(--succession-warning) !important; }
  .focus\:ring-succession-error:focus { --tw-ring-color: var(--succession-error) !important; }
  
  /* Special transition class */
  .transition-theme { transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important; }
}