/* src/shared/components/content/css/theme.css */
/* Component-specific variables and fine-tuning for Glacier Doc Content */

/*
 * ARCHITECTURAL DESIGN POLICY (DO NOT REMOVE!):
 * This theme engine is bound exlusively to the class ".dynamic-app-content".
 * All sub-components and states are hierarchically nested using native CSS Nesting
 * to match the exact HTML DOM tree structure.
 */

.dynamic-app-content {
  /* Glassmorphism background filters */
  .mermaid-container,
  .code-block-wrapper,
  .markdown-alert {
    backdrop-filter: blur(var(--blur-soft));
    -webkit-backdrop-filter: blur(var(--blur-soft));
  }

  /* Premium shadow elevation layers */
  .mermaid-container {
    box-shadow: var(--shadow-base);
  }

  .code-block-wrapper {
    box-shadow: var(--shadow-sm);

    /* Copy Button Hover & Interactive Transitions */
    .code-block-copy {
      transition:
        background-color var(--transition-fast),
        color var(--transition-fast),
        border-color var(--transition-fast);

      &:hover {
        background: var(--color-bg-base);
        color: var(--color-text-base);
        border-color: var(--color-brand);
      }
    }
  }

  .markdown-alert {
    box-shadow: var(--shadow-xs);
  }

  /* Premium micro-interactive transitions for lists, links, alerts, and inline codes */
  code {
    transition:
      color var(--transition-fast),
      background var(--transition-fast),
      border-color var(--transition-fast);

    &:hover {
      color: var(--color-brand-hover, var(--color-brand));
      border-color: var(--color-brand);
    }
  }
}