/* inked/assets/css/studio-profile-v2/tokens.css */
/**
 * Studio Profile V2 -- Design Tokens
 * Imports shared design-system tokens, adds studio-profile-specific variables.
 * @task , , Sprint 1 (parity cleanup)
 *
 * Sprint 1 cleanup: removed redundant tokens that duplicate DS values.
 * - `--sp-container-padding` -> use `--gutter`
 * - `--sp-section-gap` -> use `--space-12` (mobile) / `--space-14` (desktop)
 * - `--sp-container-max`, `--sp-page-max-width` -> no max-width per Master pattern
 * - `--sp-cover-ratio-*` -> dead (legacy hero block to be removed Sprint 3)
 * - `--sp-bottom-bar-h` -> Sprint 2 will switch to `--mp-cta-height`
 */
@import url('../design-system/tokens.css');

:root {
    /* Page Grid (2-column) */
    --sp-sidebar-width: 280px;
    --sp-page-gap: var(--space-8);

    /* Hero (compact profile bar) */
    --sp-avatar-size: 80px;
    --sp-avatar-size-desktop: 100px;

    /* Section Nav */
    --sp-section-nav-h: 41px;

    /* Bottom Bar (Sprint 2 will align with --mp-cta-height) */
    --sp-bottom-bar-h: 60px;

    /* Portfolio */
    --sp-portfolio-columns-mobile: 2;
    --sp-portfolio-columns-desktop: 3;
    --sp-portfolio-gap: 8px;
    --sp-portfolio-gap-md: 12px;
    --sp-portfolio-gap-lg: 16px;

    /* Artists / Team */
    --sp-artists-card-width: 200px;
    --sp-team-cols-mobile: 1;
    --sp-team-cols-tablet: 2;
    --sp-team-cols-desktop: 3;
    --sp-artist-card-min-w: 220px;
    --sp-artist-thumb-gap: 4px;

    /* Similar */
    --sp-similar-columns: 4;
    --sp-similar-gap: 16px;
    --sp-similar-cover-ratio: 4 / 3;

    /* Map */
    --sp-map-height: 300px;

    /* Sidebar mini-map */
    --sp-sidebar-map-h: 140px;

    /* Reviews */
    --sp-review-bar-h: 8px;
    --sp-review-bar-label-w: 120px;

 /* Artist filter pills () */
    --sp-artist-bio-bg: var(--color-bg-card);
}

@media (min-width: 1024px) {
    :root { --sp-avatar-size: var(--sp-avatar-size-desktop); }
}