/**
 * Linkbraid — design tokens & brand foundation.
 * Paleta: granat #141A3C (struktura) + trzy pasma splotu: koral #FF6A45,
 * mięta #2ED3A5, fiolet #7B61FF. Typografia: Space Grotesk (nagłówki) + Inter (UI).
 * Ładowane wyłącznie na ekranach wtyczki (warunek w enqueue).
 */

/* ---------- Fonty (self-hosted, OFL) ---------- */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/inter-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('../fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('../fonts/spacegrotesk-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Space Grotesk';
    font-style: normal;
    font-weight: 300 700;
    font-display: swap;
    src: url('../fonts/spacegrotesk-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------- Repaint tła panelu (tylko strony wtyczki, nie edytor) ---------- */
body.lbraid-admin-page #wpcontent, body.lbraid-admin-page #wpfooter { background: #F4F5F9; }

/* ---------- Tokeny ---------- */
.lbraid-wrap {
    /* struktura: granat */
    --r-brand-900: #141A3C;
    --r-brand-700: #5A43D6;   /* fiolet ciemny — linki, tekst akcentowy */
    --r-brand-600: #7B61FF;   /* fiolet — pasmo splotu, fokus, akcenty */
    --r-brand-500: #937EFF;
    --r-brand-100: #E7E1FF;
    --r-brand-50:  #F3F0FF;

    /* splot trzech pasm — sygnatura marki */
    --r-gradient: linear-gradient(90deg, #FF6A45 0%, #7B61FF 52%, #2ED3A5 100%);
    --r-gradient-gold: linear-gradient(90deg, #FF8A6B 0%, #E04E22 100%);

    /* koral (dawny slot gold): priorytety, ostrzeżenia, akcent CTA */
    --r-gold-100: #FFEDE6;
    --r-gold-300: #FF9C80;
    --r-gold-400: #FF6A45;
    --r-gold-600: #E04E22;
    --r-gold-700: #B23A16;

    /* neutralne (chłodne, pod granat) */
    --r-bg:        #F4F5F9;
    --r-surface:   #ffffff;
    --r-surface-2: #F8F9FC;
    --r-line:      #E3E6EF;
    --r-line-strong: #C9CEDD;
    --r-ink:       #0C1024;
    --r-muted:     #5C6178;
    --r-faint:     #8A8FA5;

    /* semantyczne: mięta = sukces, koral-tint = ostrzeżenie, czerwień = błąd */
    --r-green-700: #0E8A68;
    --r-green-50:  #E9FAF4;
    --r-amber-700: #B23A16;
    --r-amber-50:  #FFF1EA;
    --r-red-600:   #D92D20;
    --r-red-50:    #FDEEEC;

    /* kształt */
    --r-radius:      12px;
    --r-radius-sm:   8px;
    --r-radius-pill: 999px;

    /* cień (granatowy) */
    --r-shadow-xs:    0 1px 2px rgba(20, 26, 60, .05);
    --r-shadow-card:  0 1px 2px rgba(20, 26, 60, .04), 0 6px 20px -8px rgba(20, 26, 60, .10);
    --r-shadow-hover: 0 2px 4px rgba(20, 26, 60, .05), 0 12px 28px -10px rgba(20, 26, 60, .16);
    --r-shadow-modal: 0 24px 64px -12px rgba(20, 26, 60, .35);

    /* zgodność wstecz ze starymi aliasami */
    --ink: var(--r-ink);
    --muted: var(--r-muted);
    --line: var(--r-line);
    --accent: var(--r-brand-600);
    --surface: var(--r-surface);
}