:root { --lp-color-primary: #6381a8;
--lp-color-primary-dark: #4f6f93;
--lp-color-primary-light: #eef3f9;
--lp-color-primary-soft: rgba(99, 129, 168, .12); --lp-color-text: #173c7e;
--lp-color-text-dark: #111827;
--lp-color-text-muted: #6b7280; --lp-color-white: #fff;
--lp-color-background: #fff;
--lp-color-surface: #fff;
--lp-color-surface-soft: rgba(255, 255, 255, .92); --lp-color-border: rgba(17, 24, 39, .08);
--lp-color-border-primary: rgba(99, 129, 168, .18); --lp-shadow-sm: 0 6px 18px rgba(17, 24, 39, .08);
--lp-shadow-md: 0 12px 32px rgba(17, 24, 39, .12);
--lp-shadow-lg: 0 18px 50px rgba(17, 24, 39, .14);
--lp-shadow-primary: 0 14px 35px rgba(99, 129, 168, .16); --lp-radius-sm: 8px;
--lp-radius-md: 14px;
--lp-radius-lg: 22px;
--lp-radius-pill: 999px;
--lp-radius-circle: 50%; --lp-space-1: 4px;
--lp-space-2: 8px;
--lp-space-3: 12px;
--lp-space-4: 16px;
--lp-space-5: 20px;
--lp-space-6: 24px;
--lp-space-8: 32px;
--lp-space-10: 40px; --lp-font-family: inherit;
--lp-font-size-sm: 13px;
--lp-font-size-base: 16px;
--lp-font-size-lg: 18px;
--lp-font-size-xl: 24px;
--lp-font-weight-normal: 400;
--lp-font-weight-medium: 500;
--lp-font-weight-semibold: 600;
--lp-font-weight-bold: 700;
--lp-font-weight-extrabold: 800; --lp-transition-fast: .2s ease;
--lp-transition-base: .25s ease;
--lp-transition-slow: .4s ease; --lp-z-base: 1;
--lp-z-dropdown: 100;
--lp-z-floating: 9999;
--lp-z-overlay: 99999;
}
.lp-text-primary {
color: var(--lp-color-primary);
}
.lp-text-dark {
color: var(--lp-color-text-dark);
}
.lp-text-muted {
color: var(--lp-color-text-muted);
}
.lp-surface {
background: var(--lp-color-surface);
border: 1px solid var(--lp-color-border);
border-radius: var(--lp-radius-lg);
box-shadow: var(--lp-shadow-sm);
}