/* =========================================================
UGI DEFAULT THEME - TOKENS.CSS
Live CSS. Duplicate selectors have been merged across the loaded theme files.
========================================================= */

:root{
--ugi-primary:#ff2d9a;
    --ugi-dark:#111111;
    --ugi-text:#222222;
    --ugi-gray:#777777;
    --ugi-border:#eeeeee;
    --ugi-bg:  radial-gradient(circle at 30% 20%, #ffe0f7 0%, transparent 40%),
        radial-gradient(circle at 80% 80%, #d9e9ff 0%, transparent 45%),
        #f3f4f6;

    --ugi-radius:18px;

    --white:white;
    --pink:#e52d94;
    --black:#405560;
    --light-color:#405560;
    --mix-color:white;
    --mix-image:linear-gradient(135deg, white 0%, pink 100%);
    --gray:lightgray;
    --box-shadow:0 .5rem .5rem rgba(0,0,0,.1);
    --box-shadow-3:0 -.5rem .5rem rgba(0,0,0,.1);
    --box-shadow-2:0 .5rem .5rem rgba(0,0,0,.1);
    --border:.2rem solid rgba(0,0,0,.1);
    --outline:.1rem solid rgba(0,0,0,.1);
    --outline-hover:.2rem solid var(--pink);
    --FF:'SF Pro Display';

    --glass-bg:rgba(255,255,255,.22);
    --glass-bg-strong:rgba(255,255,255,.32);
    --glass-border:rgba(255,255,255,.35);
    --accent:#ff87d6;
    --accent2:#87b4ff;
    --radius-big:26px;
    --radius-mid:18px;
    --radius-small:12px;
    --shadow-deep:0 25px 70px rgba(0,0,0,.25);
    --shadow-soft:0 12px 32px rgba(0,0,0,.16);
    --shadow-tiny:0 4px 12px rgba(0,0,0,.12);
    --shadow-very-tiny:0 4px 8px rgba(0,0,0,.25);
    --font:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;

    --vp-bg-glass:rgba(255,255,255,.78);
    --vp-bg-glass-strong:rgba(255,255,255,.92);
    --vp-border:rgba(148,163,184,.45);
    --vp-shadow-soft:0 18px 50px rgba(15,23,42,.15);
    --vp-shadow-tiny:0 6px 18px rgba(15,23,42,.12);
    --vp-text-main:#0f172a;
    --vp-text-sub:#64748b;
    --vp-accent:#6366f1;
    --vp-accent-soft:rgba(99,102,241,.12);
}