/* ==========================================================================
   Tarok landing - theme tokens (the ONE file to edit to restyle the landing)

   views/tarok/landing.php renders on two hosts:
   - tarok.eventure.si (standalone, body.tarok-app): the classic tarok palette - gold on cream.
   - the main domain / community domains (/tarok under the platform layout): follows the
     community design tokens the layout already emits (--color-primary-*, --color-secondary-*,
     --font-family-heading/-body), so the page looks like the rest of the community.

   Every colour on the landing reads one of these tokens:
   --tk-tarok / --tk-tarok-bg   accent + its soft fill (quick-start CPU icon, guest offer,
                                hover borders, badges - used all over tarok.css)
   --tl-friends / --tl-friends-bg  the "Play with friends" quick-start icon
   --tl-hero-glow                the soft glow at the top of the hero
   --tl-font-heading             the hero title font
   --tl-title-weight             the hero title weight
   Scoped to .tarok-landing, so the game table and every other tarok page are untouched.
   ========================================================================== */

/* ----- Standalone tarok site (defaults) ---------------------------------- */
.tarok-landing {
    --tl-friends: #3b82f6;
    --tl-friends-bg: rgba(59, 130, 246, 0.12);
    --tl-hero-glow: rgba(138, 109, 31, 0.12);
    --tl-font-heading: inherit;
    --tl-title-weight: 800;
}

/* ----- Main domain + community domains: community design tokens ---------- */
body:not(.tarok-app) .tarok-landing {
    --tk-tarok: var(--color-primary-600, var(--bs-primary, #8a6d1f));
    --tk-tarok-bg: var(--color-primary-50, #fdf6e3);
    --tl-friends: var(--color-secondary-600, var(--bs-secondary, #3b82f6));
    --tl-friends-bg: var(--color-secondary-50, rgba(59, 130, 246, 0.12));
    --tl-hero-glow: color-mix(in srgb, var(--color-primary-500, #8a6d1f) 16%, transparent);
    --tl-font-heading: var(--font-family-heading, inherit);
    --tl-title-weight: 400;
}

[data-theme="dark"] body:not(.tarok-app) .tarok-landing {
    --tk-tarok: var(--color-primary-300, #d9b551);
    --tk-tarok-bg: var(--color-primary-950, #2a2618);
    --tl-friends: var(--color-secondary-300, #93c5fd);
    --tl-friends-bg: var(--color-secondary-950, rgba(59, 130, 246, 0.16));
    --tl-hero-glow: color-mix(in srgb, var(--color-primary-500, #d9b551) 22%, transparent);
}

/* The section links row (views/tarok/_hub-nav.php) - main domain only. */
.tarok-landing__nav {
    padding-top: 1rem;
    background: var(--bg-primary);
}