/**
 * Collection V2 -- Design Tokens
 * Imports shared design-system tokens, adds collection-specific variables.
 * @version 2.0.0
 */
/* design-system/tokens.css is linked directly in every v2 template head since
   2026-08-10. Importing it from here made the browser fetch it a SECOND time,
   unversioned, and only after this file had arrived — on the catalogue that one
   import was the last blocking stylesheet, finishing at 2114 ms with FCP at
   2160 ms (Founder Lighthouse 10.08 19:09). Kept out on purpose. */

:root {
    /* Layout */
    --coll-container-max: 900px;
    --coll-container-padding: 16px;

    /* Masonry Grid */
    --coll-columns-mobile: 1;
    --coll-columns-tablet: 2;
    --coll-columns-desktop: 3;
    --coll-columns-wide: 4;
    --coll-gap: 8px;
    --coll-item-radius: 6px;

    /* Overlay */
    --coll-overlay-bg: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, transparent 100%);
    --coll-overlay-padding: 12px 14px;
    --coll-author-size: var(--text-sm);
    --coll-author-color: #fff;

    /* Hero */
    --coll-hero-gap: var(--space-4);
    --coll-title-size: var(--text-4xl);
    --coll-meta-size: var(--text-sm);
    --coll-desc-size: var(--text-base);
}