/* ProEthica Documentation Custom Styles */

/* Theme-aware images */
[data-md-color-scheme="slate"] .light-only { display: none; }
[data-md-color-scheme="default"] .dark-only { display: none; }

/* Table styling */
.md-typeset table:not([class]) {
    font-size: 0.85rem;
}

.md-typeset table:not([class]) th {
    background-color: var(--md-primary-fg-color);
    color: var(--md-primary-bg-color);
}

/* Code block styling */
.md-typeset code {
    font-size: 0.85em;
}

/* Admonition customization */
.md-typeset .admonition.tip,
.md-typeset details.tip {
    border-color: var(--md-accent-fg-color);
}

/* Navigation improvements */
.md-nav__link {
    font-size: 0.75rem;
}

/* Screenshot styling */
.md-typeset img {
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

[data-md-color-scheme="slate"] .md-typeset img {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* Flow diagram styling */
.md-typeset pre code {
    white-space: pre;
}

/* Transformation type indicators */
.transformation-transfer { color: #4CAF50; }
.transformation-stalemate { color: #FF9800; }
.transformation-oscillation { color: #2196F3; }
.transformation-phase-lag { color: #9C27B0; }

/* Concept type colors - matches docs/concepts/color-scheme.md */
.concept-role { color: #0d6efd; }        /* Blue - Step 1 */
.concept-state { color: #6f42c1; }       /* Purple - Step 1 */
.concept-resource { color: #20c997; }    /* Teal - Step 1 */
.concept-principle { color: #fd7e14; }   /* Orange - Step 2 */
.concept-obligation { color: #dc3545; }  /* Red - Step 2 */
.concept-constraint { color: #6c757d; }  /* Gray - Step 2 */
.concept-capability { color: #0dcaf0; }  /* Cyan - Step 2 */
.concept-action { color: #198754; }      /* Green - Step 3 */
.concept-event { color: #ffc107; }       /* Yellow - Step 3 */

/* Phase indicators */
.phase-1 { border-left: 4px solid #4CAF50; }
.phase-2 { border-left: 4px solid #FF9800; }
.phase-3 { border-left: 4px solid #2196F3; }

/* Footer styling */
.md-footer-meta {
    background-color: var(--md-default-bg-color);
}