/* HELLO WORLD intro — Figma tokens（調整はここ） */
:root {
    --hw-bg: #000000;
    --hw-stage-width: 320px;

    --hw-text-color: #ffffff;
    --hw-text-size: 16px;
    --hw-text-line-height: 30px;
    --hw-text-weight: 500;
    --hw-text-shadow: 1px 2px 1px #000000;
    --hw-text-left: 18px;
    --hw-text-top: 32px;
    --hw-text-width: 284px;

    --hw-btn-bg: #ffffff;
    --hw-btn-color: #000000;
    --hw-btn-radius: 3px;
    --hw-btn-padding-y: 4px;
    --hw-btn-padding-x: 14px;
    --hw-btn-font-size: 21px;
    --hw-btn-line-height: 39px;
    --hw-btn-font-weight: 700;
    --hw-btn-base-width: 254px;
    --hw-btn-inset: 8px;
    --hw-btn-width: min(calc(var(--hw-btn-base-width) * 1.3 * 1.2), calc(100% - var(--hw-btn-inset) * 2));
    --hw-btn-left: var(--hw-btn-inset);
    --hw-btn-gap: 11px;

    --hw-fade-duration: 400ms;
    --hw-fade-easing: ease;
    --hw-phase-fade-duration: 800ms;
    --hw-type-speed: 45ms;
    --hw-input-cooldown: 300ms;

    --hw-kamishibai-object-position: center center;
}