/**
 * mdBook Dark (Ayu) Color Theme (Tailwind v4 Version)
 * Maps mdBook Dark (Ayu) tokens to Tailwind v4 variables
 */
.ayu {
  /* Base Colors */
  --theme-foreground: var(--color-neutral-200);     /* #e5e5e5 */
  --theme-background: var(--color-mist-800);        /* #22292b */
  --theme-surface: var(--color-mist-900);           /* #161b1d */
  --theme-surface-hover: var(--color-mist-950);

  /* Typography / Text Colors */
  --theme-text: var(--color-neutral-200);           /* #e5e5e5 */
  --theme-text-secondary: var(--color-amber-200);   /* #fee685 */
  --theme-text-muted: var(--color-gray-500);        /* #6a7282 */

  /* Borders */
  --theme-border: var(--color-neutral-500);        /* #737373 */
  --theme-border-hover: var(--color-yellow-400);    /* #fdc700 */

  /* Brand / Action Colors */
  --theme-primary: var(--color-yellow-400);         /* #fdc700 */
  --theme-secondary: var(--color-amber-200);        /* #fee685 */
  --theme-accent: var(--color-yellow-500);          /* #f0b100 */
  --theme-accent-hover: var(--color-yellow-300);    /* #ffdf20 */

  /* Status Colors (Admonitions) */
  --theme-success: var(--color-green-500);          /* #00c950 */
  --theme-warning: var(--color-yellow-500);         /* #f0b100 */
  --theme-danger: var(--color-red-500);             /* #fb2c36 */
  --theme-info: var(--color-blue-300);              /* #8ec5ff */

  /* Navigation & Interaction */
  --theme-link: var(--color-cyan-600);              /* #0092b8 */
  --theme-link-hover: var(--color-cyan-400);        /* #00d3f3 */
  --theme-hover: var(--color-mist-900);

  /* Code Syntax Highlighting */
  --theme-inline-code-fg: var(--color-lime-300);    /* #bbf451 */
  --theme-inline-code-bg: var(--color-mist-900);    /* #161b1d */
  --theme-block-code-fg: var(--color-olive-200);    /* #e8e8e3 */
  --theme-block-code-bg: var(--color-mist-900);     /* #161b1d */
  --theme-block-code-border: var(--color-sky-800);  /* #00598a */

  /* Form Elements (Search / Input) */
  --theme-form-bg: var(--color-neutral-700);        /* #404040 */
  --theme-form-fg: var(--color-neutral-50);         /* #fafafa */
  --theme-form-border: var(--color-neutral-500);    /* #737373 */
  --theme-form-border-focus: var(--color-yellow-400);/* #fdc700 */
  --theme-form-placeholder: var(--color-gray-500);  /* #6a7282 */

  /* Headings */
  --theme-heading-1: var(--color-yellow-400);       /* #fdc700 */
  --theme-heading-2: var(--color-yellow-500);       /* #f0b100 */
  --theme-heading-3: var(--color-cyan-400);         /* #00d3f3 */

  /* Badges & Shadows */
  --theme-badge-bg: rgba(253, 199, 0, 0.1);
  --theme-badge-fg: var(--color-yellow-400);
  --theme-badge-border: rgba(253, 199, 0, 0.3);
  --theme-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  --theme-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.6);

  /* Shell Code Block */
  --theme-shell-code-bg: var(--color-mist-950);       /* #0f1214 */
  --theme-shell-code-border: var(--color-sky-800);    /* #00598a */

  /* Admonition Blockquotes */
  --blockquote-note-color: var(--color-blue-400);
  --blockquote-tip-color: var(--color-green-400);
  --blockquote-important-color: var(--color-purple-400);
  --blockquote-warning-color: var(--color-yellow-400);
  --blockquote-caution-color: var(--color-red-400);

  /* Sidebar Part Title */
  --theme-sidebar-part-title: var(--color-yellow-500);
}