/* =====================================================
   CZORS DESIGN SYSTEM
===================================================== */

#czors-app {
    --czors-radius-sm: 12px;
    --czors-radius-md: 16px;
    --czors-radius-lg: 20px;
    --czors-radius-xl: 24px;

    --czors-space-xs: 6px;
    --czors-space-sm: 10px;
    --czors-space-md: 16px;
    --czors-space-lg: 24px;
    --czors-space-xl: 32px;

    --czors-shadow-soft: 0 12px 35px rgba(0,0,0,.20);
    --czors-shadow-glow: 0 18px 45px rgba(242,140,40,.18);

    --czors-glass: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
}

.czors-card {
    background: var(--czors-glass);
    border: 1px solid var(--czors-border);
    border-radius: var(--czors-radius-lg);
    box-shadow: var(--czors-shadow-soft);
}

.czors-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 900;
}

.czors-pill-orange {
    background: rgba(242,140,40,.15);
    color: var(--czors-primary);
}

.czors-pill-green {
    background: rgba(34,197,94,.14);
    color: #4ade80;
}