/* Notes-specific styles */

/* Soft accent tint token */
:root {
    --accent-soft: rgba(56, 189, 112, 0.06);
}

/* Light mode adjustment */
.light,
[data-theme="light"] {
    --accent-soft: rgba(56, 189, 112, 0.08);
}

/* In Practice callout */
.card.in-practice {
    border-left: 3px solid var(--accent-blue);
    background: linear-gradient(
        to right,
        var(--accent-soft),
        transparent
    );
}

.card.in-practice h3 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--accent-blue);
}

.card.in-practice p {
    color: var(--text-secondary);
    font-style: italic; /* optional */
}