.ngps-shell {
    --ngps-pink: #ec4899;
    --ngps-pink-hover: #db2777;
    --ngps-pink-dark: #be185d;
    --ngps-pink-deep: #9d174d;
    --ngps-pink-soft: #fdf2f8;
    --ngps-pink-softer: #fff7fb;

    --ngps-ink: #111827;
    --ngps-ink-soft: #374151;
    --ngps-muted: #6b7280;
    --ngps-muted-light: #9ca3af;

    --ngps-line: #e5e7eb;
    --ngps-line-strong: #d1d5db;
    --ngps-input-line: #dbe0e8;

    --ngps-card: #ffffff;
    --ngps-surface: #fbfcfe;
    --ngps-background: #f8fafc;
    --ngps-disabled: #f3f4f6;

    --ngps-success: #15803d;
    --ngps-success-bg: rgba(21, 128, 61, 0.07);
    --ngps-success-line: rgba(21, 128, 61, 0.22);

    --ngps-danger: #dc2626;
    --ngps-danger-bg: rgba(220, 38, 38, 0.07);
    --ngps-danger-line: rgba(220, 38, 38, 0.22);

    --ngps-info: #2563eb;
    --ngps-info-dark: #1d4ed8;
    --ngps-info-bg: rgba(37, 99, 235, 0.06);
    --ngps-info-line: rgba(37, 99, 235, 0.2);

    --ngps-radius-small: 12px;
    --ngps-radius-medium: 16px;
    --ngps-radius-large: 20px;
    --ngps-radius-card: 24px;
    --ngps-radius-hero: 28px;

    --ngps-focus-ring:
            0 0 0 4px rgba(236, 72, 153, 0.1);

    --ngps-shadow-small:
            0 10px 30px rgba(15, 23, 42, 0.05);

    --ngps-shadow:
            0 24px 70px rgba(15, 23, 42, 0.08);

    --ngps-shadow-pink:
            0 16px 32px rgba(236, 72, 153, 0.16);

    --ngps-transition-fast:
            150ms ease;

    --ngps-transition:
            180ms ease;

    --ngps-font:
            Inter,
            Poppins,
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Arial,
            sans-serif;

    color-scheme: light;
}