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

/* Design tokens (same as original Settings UI) */
:root {
  --background: 0 0% 100%;
  --foreground: 222.2 84% 4.9%;
  --card: 0 0% 100%;
  --card-foreground: 222.2 84% 4.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 222.2 84% 4.9%;
  --primary: 221.2 83.2% 53.3%;
  --primary-foreground: 210 40% 98%;
  --secondary: 210 40% 96.1%;
  --secondary-foreground: 222.2 47.4% 11.2%;
  --muted: 210 40% 96.1%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --accent: 210 40% 96.1%;
  --accent-foreground: 222.2 47.4% 11.2%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 214.3 31.8% 91.4%;
  --input: 214.3 31.8% 91.4%;
  --ring: 221.2 83.2% 53.3%;
  --radius: 0.5rem;
}

.dark {
  --background: 222.2 84% 4.9%;
  --foreground: 210 40% 98%;
  --card: 222.2 84% 4.9%;
  --card-foreground: 210 40% 98%;
  --popover: 222.2 84% 4.9%;
  --popover-foreground: 210 40% 98%;
  --primary: 210 40% 98%;
  --primary-foreground: 222.2 47.4% 11.2%;
  --secondary: 217.2 32.6% 17.5%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217.2 32.6% 17.5%;
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 217.2 32.6% 17.5%;
  --accent-foreground: 210 40% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 210 40% 98%;
  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --ring: 212.7 26.8% 83.9%;
}

/*
 * Tailwind Preflight is required for the Settings UI (tabs, borders, spacing).
 * Undo only the rules that break WordPress admin chrome / dashicons.
 */
#adminmenumain,
#adminmenuwrap,
#adminmenu,
#collapse-menu,
#wpadminbar {
  border-width: 0;
}

#adminmenu,
#adminmenu ul,
#adminmenu li,
#adminmenu a,
#adminmenu div {
  box-sizing: border-box;
}

#adminmenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

#adminmenu li {
  list-style: none;
  margin: 0;
}

#adminmenu a {
  text-decoration: none;
}

/* Restore dashicons font for WP menu / admin bar icons */
#adminmenu .wp-menu-image::before,
#adminmenu .wp-submenu-head::before,
#collapse-button .collapse-button-icon::before,
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before {
  font-family: dashicons !important;
  display: block;
  speak: never;
  line-height: 1;
}

/* Custom image icons (Aisk logo) must not inherit Tailwind img reset */
#adminmenu .wp-menu-image img {
  display: inline-block !important;
  max-width: none !important;
  width: 20px !important;
  height: 20px !important;
  padding: 7px 0 !important;
  object-fit: contain;
}

#adminmenu .wp-menu-image.svg {
  padding: 0 !important;
}