/* ============================================
   LYNT bridge — map Bulma 1.x CSS proměnných na LYNT design tokens.
   Importovat AŽ PO bulma.min.css A PO tokens.css.
   ============================================ */
:root {
    /* ---- Body / typo ---- */
    --bulma-body-background-color: var(--bg-page);
    --bulma-body-color:            var(--fg-1);
    --bulma-body-size:             var(--fs-body);
    --bulma-body-line-height:      var(--lh-normal);
    --bulma-body-weight:           400;

    --bulma-family-primary:   var(--font-body);
    --bulma-family-secondary: var(--font-display);
    --bulma-family-code:      var(--font-mono);
    --bulma-family-heading:   var(--font-display);

    /* ---- Sémantické barvy (HSL komponenty — Bulma 1.0 schéma) ---- */
    /* amber #FFC364 = CTA i warning */
    --bulma-primary-h:  36deg;
    --bulma-primary-s:  100%;
    --bulma-primary-l:  70%;
    --bulma-warning-h:  36deg;
    --bulma-warning-s:  100%;
    --bulma-warning-l:  70%;

    /* teal #39CFB9 = success */
    --bulma-success-h:  169deg;
    --bulma-success-s:  60%;
    --bulma-success-l:  51%;

    /* periwinkle #94A5F5 = info; dark periwinkle = link */
    --bulma-info-h:     229deg;
    --bulma-info-s:     84%;
    --bulma-info-l:     77%;
    --bulma-link-h:     229deg;
    --bulma-link-s:     47%;
    --bulma-link-l:     60%;

    /* coral #FBA89D = danger */
    --bulma-danger-h:   8deg;
    --bulma-danger-s:   92%;
    --bulma-danger-l:   80%;

    /* ink #393939 = text/dark */
    --bulma-dark-h:     0deg;
    --bulma-dark-s:     0%;
    --bulma-dark-l:     22%;
    --bulma-text:       var(--fg-1);
    --bulma-text-strong: var(--fg-1);
    --bulma-text-weak:  var(--fg-3);
    --bulma-text-90:    var(--fg-1);
    --bulma-text-70:    var(--fg-2);

    /* ---- Radii ---- */
    --bulma-radius-small:   var(--radius-sm);
    --bulma-radius:         var(--radius-md);
    --bulma-radius-large:   var(--radius-lg);
    --bulma-radius-rounded: var(--radius-pill);

    /* ---- Borders ---- */
    --bulma-border:         var(--ink-15);
    --bulma-border-hover:   var(--ink-30);
    --bulma-border-focus:   var(--periwinkle-dark);
    --bulma-border-weak:    rgba(57,57,57,0.08);

    /* ---- Controls (input, button, select, ...) ---- */
    --bulma-control-radius:             var(--radius-md);
    --bulma-control-radius-small:       var(--radius-sm);
    --bulma-control-padding-vertical:   0.5em;
    --bulma-control-padding-horizontal: var(--space-3);
    --bulma-input-background-color:     var(--bg-card);
    --bulma-input-border-color:         var(--ink-15);
    --bulma-input-color:                var(--fg-1);
    --bulma-input-placeholder-color:    var(--fg-3);

    /* ---- Shadows (LYNT je flat — minimální shadows) ---- */
    --bulma-shadow: var(--shadow-card);

    /* ---- Code / pre ---- */
    --bulma-code-background:  var(--surface-sunken);
    --bulma-pre-background:   var(--surface-sunken);
    --bulma-code-color:       var(--fg-1);
}

/* Heading override — Bulma má svoje weight/size, LYNT chce Gopher 700/900 + sentence case */
.title, .subtitle, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--fg-1);
}

/* Bulma "button.is-primary" vs ".lynt-btn--primary" oba jdou na amber CTA */
.button.is-primary {
    background-color: var(--amber-original);
    color: var(--ink);
    border-color: var(--amber-original);
    font-weight: 700;
}
.button.is-primary:hover {
    background-color: var(--amber-dark);
    border-color: var(--amber-dark);
    color: var(--ink);
}

/* Bulma 1.0 stylují <code> a <pre> Bulmou danger barvou (coral pink).
   Pro LYNT chceme neutrální surface-sunken. */
code, pre, kbd {
    background-color: var(--surface-sunken);
    color: var(--fg-1);
    font-family: var(--font-mono);
}
code, kbd {
    padding: 1px 6px;
    border-radius: var(--radius-xs);
    font-size: 0.92em;
}
pre {
    padding: var(--space-4);
    border-radius: var(--radius-md);
    line-height: var(--lh-normal);
    overflow-x: auto;
}
pre code {
    background: transparent;
    padding: 0;
    font-size: inherit;
}