/* ============================================================
   shared-hero.css - canonical CaseBuddy hero design tokens.

   Single source of truth for the dark hero band + glass progress
   tile used across the hub and the test-prep / practice components.
   Each surface keeps its own class names and references these vars.

   Linked by: index.html, components/{shl-tests, case-interview,
   exhibit-interpretation, bcg-tests, sova-tests}/index.html.
   platform.css repeats the literals as var() fallbacks so the
   main-app pages that don't load this file stay self-sufficient.
   ============================================================ */
:root {
    /* ── Hero shell ── */
    --cb-hero-bg: linear-gradient(135deg, #0E2535 0%, #163347 100%);
    --cb-hero-radius: 16px;
    --cb-hero-pad: 30px 36px;
    --cb-hero-gap: 40px;
    --cb-hero-shadow: 0 8px 32px rgba(5,28,44,0.18);
    --cb-hero-accent: #C9A84C;

    /* ── Hero title ── */
    --cb-hero-title-font: 'Libre Baskerville', Georgia, serif;
    --cb-hero-title-size: 30px;
    --cb-hero-title-weight: 700;
    --cb-hero-title-tracking: -0.02em;
    --cb-hero-title-leading: 1.15;
    --cb-hero-title-color: #fff;

    /* ── Hero description ── */
    --cb-hero-desc-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --cb-hero-desc-size: 14px;
    --cb-hero-desc-leading: 1.6;
    --cb-hero-desc-color: rgba(255,255,255,0.6);

    /* ── Glass tile / progress card ── */
    --cb-tile-bg: linear-gradient(135deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.03) 100%);
    --cb-tile-border: 1px solid rgba(255,255,255,0.16);
    --cb-tile-radius: 14px;
    --cb-tile-pad: 15px 18px;
    --cb-tile-width: 280px;
    --cb-tile-blur: blur(16px);
    --cb-tile-shadow: inset 0 1px 0 rgba(255,255,255,0.3), 0 8px 28px rgba(5,28,44,0.22);
}