:root {
    --colorA: #FCC225;
    --colorB: #C4FF00;
    --primary-blue: #0000CC;
    --interface-bg: #D9E9F9;
    --border-gold: #FFD700;

    --pillar: 60px;

    /* Letter grid tokens — calc ensures 15 boxes fit the svāra row.
       usable = 100vw - 2×60px pillars - 20px (padding+border) = 100vw - 140px
       At 1000px: (860)/15 = 57px → capped at 48px, so plenty of spacing. */
    --lbox:  clamp(26px, calc((100vw - 156px) / 15), 48px);
    --lfont: clamp(22px, calc((100vw - 156px) / 16), 50px);

    /* Focus area tokens */
    --big-letter-size: clamp(100px, 22vw, 280px);
    --big-roman-size:  clamp(36px,   7vw,  80px);
    --title-size:      clamp(20px,   4vw,  45px);
}