/* inked/assets/css/masters-v2/tokens.css */
/**
 * Masters Listing v2 — Design Tokens
 * Imports shared design-system tokens; declares subsystem-local aliases for
 * glass/tint surfaces, style-tag palettes, and the ProTeam badge gradient stop.
 * All token references fall back to the literal value they historically held,
 * so the subsystem renders identically if this file is loaded standalone.
 * (token migration): see docs/specs/css-token-migration.md §5.
 */
@import url('../design-system/tokens.css');

:root {
    --masters-grid-columns: 5;
    --masters-grid-gap: 16px;
    --masters-card-radius: 12px;
    --masters-slider-ratio: 3 / 4;
    --masters-filter-height: 60px;

    /* -- Glass / scrim surfaces (filter bar, dropdown backgrounds) -- */
    --masters-filter-glass-dark: rgba(26, 26, 27, 0.92);
    --masters-filter-glass-light: rgba(255, 255, 255, 0.92);
    --masters-surface-dark-5: rgba(255, 255, 255, 0.05);
    --masters-surface-dark-6: rgba(255, 255, 255, 0.06);
    --masters-surface-dark-10: rgba(255, 255, 255, 0.1);
    --masters-surface-dark-12: rgba(255, 255, 255, 0.12);
    --masters-surface-dark-15: rgba(255, 255, 255, 0.15);
    --masters-surface-dark-20: rgba(255, 255, 255, 0.2);
    --masters-surface-dark-35: rgba(255, 255, 255, 0.35);
    --masters-surface-dark-50: rgba(255, 255, 255, 0.5);
    --masters-surface-light-3: rgba(0, 0, 0, 0.03);
    --masters-surface-light-4: rgba(0, 0, 0, 0.04);
    --masters-surface-light-5: rgba(0, 0, 0, 0.05);
    --masters-surface-light-6: rgba(0, 0, 0, 0.06);
    --masters-surface-light-8: rgba(0, 0, 0, 0.08);
    --masters-surface-light-10: rgba(0, 0, 0, 0.1);
    --masters-surface-light-12: rgba(0, 0, 0, 0.12);
    --masters-surface-light-15: rgba(0, 0, 0, 0.15);
    --masters-surface-light-20: rgba(0, 0, 0, 0.2);
    --masters-scrim-55: rgba(0, 0, 0, 0.55);
    --masters-scrim-60: rgba(0, 0, 0, 0.6);
    --masters-scrim-80: rgba(0, 0, 0, 0.8);
    --masters-shadow-dark-50: rgba(0, 0, 0, 0.5);

    /* -- Accent tints (filter-reset / saved tint) -- */
    --masters-accent-tint-10: rgba(245, 197, 24, 0.1);
    --masters-accent-tint-20: rgba(245, 197, 24, 0.2);
    --masters-accent-tint-30: rgba(245, 197, 24, 0.3);
    --masters-accent-tint-50: rgba(245, 197, 24, 0.5);
    --masters-accent-amber-light-10: rgba(200, 150, 0, 0.1);
    --masters-accent-amber-light-20: rgba(200, 150, 0, 0.2);
    --masters-accent-amber-light-30: rgba(200, 150, 0, 0.3);
    --masters-accent-amber-light-text: #b8860b;
    --masters-accent-glow-30: rgba(232, 197, 71, 0.3);
    --masters-accent-glow-08: rgba(232, 197, 71, 0.08);
    --masters-accent-glow-10: rgba(232, 197, 71, 0.1);

    /* -- ProTeam badge gradient stop (amber-gold deeper than brand-accent) -- */
    --masters-badge-proteam-stop: #d4a72c;

    /* -- Style-tag palette (subsystem-local; see SPEC §5.1 carve-out) -- */
    --masters-tag-realism: #e06c5a;
    --masters-tag-realism-border: rgba(224,108,90,0.3);
    --masters-tag-realism-bg: rgba(224,108,90,0.08);
    --masters-tag-blackwork: #8b8b8b;
    --masters-tag-blackwork-border: rgba(139,139,139,0.3);
    --masters-tag-blackwork-bg: rgba(139,139,139,0.08);
    --masters-tag-japanese: #d4783c;
    --masters-tag-japanese-border: rgba(212,120,60,0.3);
    --masters-tag-japanese-bg: rgba(212,120,60,0.08);
    --masters-tag-chicano: #c9a54e;
    --masters-tag-chicano-border: rgba(201,165,78,0.3);
    --masters-tag-chicano-bg: rgba(201,165,78,0.08);
    --masters-tag-portrait: #7b8fd4;
    --masters-tag-portrait-border: rgba(123,143,212,0.3);
    --masters-tag-portrait-bg: rgba(123,143,212,0.08);
    --masters-tag-watercolor: #5db8c9;
    --masters-tag-watercolor-border: rgba(93,184,201,0.3);
    --masters-tag-watercolor-bg: rgba(93,184,201,0.08);
    --masters-tag-fineline: #a3c97a;
    --masters-tag-fineline-border: rgba(163,201,122,0.3);
    --masters-tag-fineline-bg: rgba(163,201,122,0.08);
    --masters-tag-dotwork: #b07cc9;
    --masters-tag-dotwork-border: rgba(176,124,201,0.3);
    --masters-tag-dotwork-bg: rgba(176,124,201,0.08);
    --masters-tag-neotraditional: #d46b8c;
    --masters-tag-neotraditional-border: rgba(212,107,140,0.3);
    --masters-tag-neotraditional-bg: rgba(212,107,140,0.08);
    --masters-tag-lettering: #6cc9a8;
    --masters-tag-lettering-border: rgba(108,201,168,0.3);
    --masters-tag-lettering-bg: rgba(108,201,168,0.08);
    --masters-tag-anime: #e07cb0;
    --masters-tag-anime-border: rgba(224,124,176,0.3);
    --masters-tag-anime-bg: rgba(224,124,176,0.08);
    --masters-tag-geometric: #7cc9e0;
    --masters-tag-geometric-border: rgba(124,201,224,0.3);
    --masters-tag-geometric-bg: rgba(124,201,224,0.08);
    --masters-tag-abstract: #c97c6c;
    --masters-tag-abstract-border: rgba(201,124,108,0.3);
    --masters-tag-abstract-bg: rgba(201,124,108,0.08);
    --masters-tag-horror: #944444;
    --masters-tag-horror-border: rgba(148,68,68,0.3);
    --masters-tag-horror-bg: rgba(148,68,68,0.08);
    --masters-tag-ornamental: #b8a060;
    --masters-tag-ornamental-border: rgba(184,160,96,0.3);
    --masters-tag-ornamental-bg: rgba(184,160,96,0.08);
    --masters-tag-graphic: #7799bb;
    --masters-tag-graphic-border: rgba(119,153,187,0.3);
    --masters-tag-graphic-bg: rgba(119,153,187,0.08);
    --masters-tag-minimalism: #aaa;
    --masters-tag-minimalism-border: rgba(170,170,170,0.3);
    --masters-tag-minimalism-bg: rgba(170,170,170,0.08);
    --masters-tag-newschool: #cc6699;
    --masters-tag-newschool-border: rgba(204,102,153,0.3);
    --masters-tag-newschool-bg: rgba(204,102,153,0.08);
    --masters-tag-oldschool: #cc8844;
    --masters-tag-oldschool-border: rgba(204,136,68,0.3);
    --masters-tag-oldschool-bg: rgba(204,136,68,0.08);
    --masters-tag-trashpolka: #cc4444;
    --masters-tag-trashpolka-border: rgba(204,68,68,0.3);
    --masters-tag-trashpolka-bg: rgba(204,68,68,0.08);
}