/* =========================================================
   BERKAH - Theme Aplikasi PMS
   Digunakan untuk landing, auth, dan dashboard publik
   ========================================================= */

.landing-shell--pms,
.public-dashboard-shell--pms {
    --landing-accent: #7c3aed;
    --landing-accent-soft: rgba(124, 58, 237, 0.10);
    --landing-accent-strong: #6d28d9;
    --landing-link-color: #6d28d9;
    --landing-card-hover-border: rgba(124, 58, 237, 0.22);
    --landing-card-hover-shadow: 0 16px 36px rgba(15, 23, 42, 0.10);
    --landing-disabled-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.98));
    --landing-disabled-border: rgba(124, 58, 237, 0.18);
    --landing-focus-ring: rgba(124, 58, 237, 0.22);
    --publicdash-accent: #7c3aed;
    --publicdash-accent-soft: rgba(124, 58, 237, 0.10);
    --publicdash-accent-strong: #6d28d9;
}

.landing-shell--pms {
    background:
        radial-gradient(circle at top right, rgba(124, 58, 237, 0.10), transparent 28rem),
        radial-gradient(circle at left center, rgba(236, 72, 153, 0.07), transparent 24rem),
        linear-gradient(180deg, #faf7ff 0%, #faf5ff 42%, #ffffff 100%);
}

.landing-shell--pms .landing-hero,
.public-dashboard-shell--pms .public-dashboard-hero {
    border-color: rgba(124, 58, 237, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 1)),
        linear-gradient(135deg, rgba(124, 58, 237, 0.10), rgba(236, 72, 153, 0.05) 42%, transparent 72%);
}

.landing-shell--pms .landing-hero__eyebrow,
.public-dashboard-shell--pms .public-dashboard-hero__eyebrow {
    color: #6d28d9;
}

.landing-shell--pms .landing-chip,
.auth-shell--pms .auth-badge {
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.12), rgba(124, 58, 237, 0.08));
    border-color: rgba(124, 58, 237, 0.14);
    color: #6d28d9;
}

.landing-shell--pms .landing-btn--primary,
.auth-shell--pms .auth-btn--primary {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    box-shadow: 0 12px 24px rgba(124, 58, 237, 0.22);
}

.landing-shell--pms .landing-btn--secondary,
.auth-shell--pms .auth-link,
.public-dashboard-shell--pms .public-dashboard-link {
    color: #6d28d9;
}

.landing-shell--pms .landing-highlight-card__icon,
.landing-shell--pms .landing-quick-link__icon {
    background: linear-gradient(180deg, rgba(124, 58, 237, 0.14), rgba(124, 58, 237, 0.09));
    color: #6d28d9;
    border: 1px solid rgba(124, 58, 237, 0.08);
}

.auth-shell--pms {
    --auth-accent: #7c3aed;
    --auth-accent-soft: rgba(124, 58, 237, 0.10);
    --auth-accent-strong: #6d28d9;
    background:
        radial-gradient(circle at top right, rgba(124, 58, 237, 0.10), transparent 28rem),
        radial-gradient(circle at left center, rgba(236, 72, 153, 0.07), transparent 24rem),
        linear-gradient(180deg, #faf7ff 0%, #faf5ff 44%, #ffffff 100%);
}

.auth-shell--pms .auth-panel {
    border-color: rgba(124, 58, 237, 0.12);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 1)),
        linear-gradient(135deg, rgba(124, 58, 237, 0.10), rgba(236, 72, 153, 0.05) 40%, transparent 72%);
}

.auth-shell--pms .auth-panel__eyebrow,
.auth-shell--pms .auth-form__toggle {
    color: #6d28d9;
}

.auth-shell--pms .auth-form {
    border-color: rgba(124, 58, 237, 0.12);
}

.auth-shell--pms .auth-form__input:focus {
    border-color: rgba(124, 58, 237, 0.26);
    box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.10);
}

.public-dashboard-shell--pms {
    background:
        radial-gradient(circle at top right, rgba(124, 58, 237, 0.10), transparent 28rem),
        radial-gradient(circle at left center, rgba(236, 72, 153, 0.07), transparent 24rem),
        linear-gradient(180deg, #faf7ff 0%, #faf5ff 44%, #ffffff 100%);
}

.public-dashboard-shell--pms .public-kpi-card,
.public-dashboard-shell--pms .public-panel {
    border-color: rgba(124, 58, 237, 0.12);
}

.public-dashboard-shell--pms a:focus-visible,
.auth-shell--pms a:focus-visible,
.auth-shell--pms button:focus-visible,
.auth-shell--pms input:focus-visible,
.landing-shell--pms a:focus-visible,
.landing-shell--pms button:focus-visible {
    outline-color: rgba(124, 58, 237, 0.22);
}