/**
 * Mito Design Tokens - jedno zrodlo prawdy dla designu mitoterapii
 *
 * Tokeny CSS (custom properties) wystawione globalnie na :root. Zrodlem marki
 * jest ACSS (Automatic.css) - kazdy token referuje zmienna ACSS z hex-fallbackiem
 * (wzorzec `var(--acss, #hex)`), spojnie z istniejacym cart-type-guard.css.
 * Fallback dziala tam, gdzie ACSS sie nie laduje (mail, iframe, izolowany kontekst).
 *
 * Marka mitoterapii: firmowy turkus #0ba1bf (NIE granat #1a3a7e - to kolor MediRaty).
 * Font: Montserrat (body + naglowki), body weight 400.
 *
 * Dokumentacja i zasady uzycia: docs/specs/ref-design-system.md
 * Przyszla migracja: prefix --mito-* -> --lukuro-* (Lukuro Framework).
 *
 * @author lukuro
 */

:root {
    /* ---------- Kolory: marka / akcja ---------- */
    --mito-color-primary:        var(--primary, #0ba1bf);
    --mito-color-primary-hover:  var(--primary-hover, #0dbbde);
    --mito-color-primary-active: var(--primary-dark, #076678);
    --mito-color-accent:         var(--primary-semi-dark, #0a8ea9);
    --mito-color-on-primary:     #ffffff;

    /* ---------- Kolory: tla i powierzchnie ---------- */
    --mito-color-bg:           var(--body-bg-color, #ffffff);
    --mito-color-surface:      #ffffff;
    --mito-color-surface-tint: var(--primary-ultra-light, #e7fafe);

    /* ---------- Kolory: bordery ---------- */
    --mito-color-border:   var(--primary-trans-30, rgba(11, 161, 191, 0.3));
    --mito-color-hairline: rgba(20, 24, 28, 0.09);

    /* ---------- Kolory: tekst ---------- */
    --mito-color-text:       var(--text-color, rgba(3, 41, 48, 0.8));
    --mito-color-text-muted: #5b626a;

    /* ---------- Kolory: stany ---------- */
    --mito-color-success: var(--success, #32cd53);
    --mito-color-danger:  var(--danger, #d92638);

    /* ---------- Radiusy (skala ACSS, base 20px) ---------- */
    --mito-radius-xs:   var(--radius-xs, 8.8888888889px);
    --mito-radius-sm:   var(--radius-s, 13.3333333333px);
    --mito-radius-md:   var(--radius, 20px);
    --mito-radius-lg:   var(--radius-l, 30px);
    --mito-radius-pill: 999px;

    /* ---------- Typografia ---------- */
    --mito-font-family:        var(--text-font-family, "Montserrat", sans-serif);
    --mito-font-weight-body:   400;
    --mito-font-weight-medium: 500;
    --mito-font-size-sm:       0.8125rem;
    --mito-font-size-base:     1rem;
    --mito-line-height-base:   1.55;
    --mito-line-height-tight:  1.3;

    /* ---------- Cienie ---------- */
    --mito-shadow-modal:
        0 1px 1px rgba(20, 24, 28, 0.04),
        0 10px 20px -10px rgba(20, 24, 28, 0.18),
        0 28px 56px -20px rgba(16, 19, 23, 0.3);
    --mito-shadow-card: var(--box-shadow-m, 0 20px 5px -5px rgba(0, 0, 0, 0.02), 0 8px 10px -6px rgba(0, 0, 0, 0.05));
}