/*
 * Icon system — Blueprint Phase E.3 (v0.21.3)
 *
 * Pensio inlines SVG icons via the {% icon %} template tag (see
 * core/templatetags/icons.py). Each rendered SVG carries a default
 * `icon` class plus optional `icon--sm` / `icon--lg` modifiers that
 * map to design tokens.
 *
 * The bare `.icon` class is intentionally minimal — kept as a CSS hook
 * for future per-context styling without changing the default sizing
 * (which still comes from the SVG's intrinsic width/height attributes,
 * 24px for most partials).
 */

.icon--sm {
    width: var(--icon-size-sm);
    height: var(--icon-size-sm);
}

.icon--lg {
    width: var(--icon-size-lg);
    height: var(--icon-size-lg);
}

/*
 * Source icon — used on entry/relationship cards to indicate origin
 * (Obsidian plugin, web GUI, filesystem sync). Replaces the emoji
 * variants 🟣 / 🖥️ / 📂 in v0.21.4.
 */
.source-icon {
    color: var(--ink-faint);
    vertical-align: -0.15em;
}