/* Variables compartidas: Licencias.Shared/wwwroot/app.css. */
:root {
    --ui-font-sans: "Segoe UI Variable Text", "Segoe UI Variable", Aptos, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --bs-font-sans-serif: var(--ui-font-sans);
    --bs-body-font-family: var(--ui-font-sans);
}

html {
    --ui-accent: #5865f2;
    --ui-accent-strong: var(--ui-accent);
    --ui-accent-hover: color-mix(in srgb, var(--ui-accent) 86%, #000000);
    --ui-accent-soft: color-mix(in srgb, var(--ui-accent) 12%, transparent);
    --ui-accent-soft-strong: color-mix(in srgb, var(--ui-accent) 18%, transparent);
    --ui-accent-border: color-mix(in srgb, var(--ui-accent) 45%, transparent);
    --ui-accent-focus: color-mix(in srgb, var(--ui-accent) 35%, transparent);
    --ui-accent-surface: color-mix(in srgb, var(--ui-accent) 9%, var(--ui-surface));
    --ui-accent-surface-strong: color-mix(in srgb, var(--ui-accent) 15%, var(--ui-surface));
    --ui-primary-action: #e5e2ff;
    --ui-primary-action-foreground: #5046b8;
    --ui-page: #f5f7fb;
    --ui-surface: #ffffff;
    --ui-surface-subtle: #f8fafc;
    --ui-surface-muted: #f1f5f9;
    --ui-border: #e2e8f0;
    --ui-border-strong: #cbd5e1;
    --ui-section-separator: 1px dashed var(--ui-border-strong);
    --ui-control-radius: 10px;
    --ui-control-height: 2.55rem;
    --ui-button-height: var(--ui-control-height);
    --ui-badge-radius: var(--ui-control-radius);
    --ui-text: #172033;
    --ui-text-secondary: #475467;
    --ui-text-muted: #64748b;
    --ui-text-disabled: #98a2b3;
    --ui-danger: #b42318;
    --ui-danger-soft: #fef3f2;
    --ui-danger-border: #fecdca;
    --ui-success: #0f766e;
    --ui-success-strong: #0d9488;
    --ui-success-soft: #ecfdf3;
    --ui-success-border: #abefc6;
    --ui-positive-action: #dcf5e6;
    --ui-positive-action-foreground: #18794e;
    --ui-success-action: var(--ui-positive-action);
    --ui-success-action-foreground: var(--ui-positive-action-foreground);
    --ui-destructive-action: #fde3e3;
    --ui-destructive-action-foreground: #b42318;
    --ui-edit-action: #f28c52;
    --ui-edit-action-foreground: #ffffff;
    --ui-reset-action: #797979;
    --ui-reset-action-foreground: #ffffff;
    --ui-info: #0369a1;
    --ui-info-soft: #f0f9ff;
    --ui-info-border: #bae6fd;
    --ui-warning: #b54708;
    --ui-warning-soft: #fffaeb;
    --ui-warning-border: #fedf89;
    --ui-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.08);
    --ui-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
    --ui-shadow-lg: 0 22px 48px rgba(15, 23, 42, 0.18), 0 6px 16px rgba(15, 23, 42, 0.10);
    --ui-panel-border: 1px solid var(--ui-border);
    --ui-panel-radius: var(--ui-control-radius);
    --ui-panel-background: var(--ui-surface);
    --ui-panel-shadow: var(--ui-shadow-sm);
    --ui-card-radius: var(--ui-panel-radius);
    --ui-shadow-soft: var(--ui-shadow-sm);
    --ui-floating-surface: #ffffff;
    --ui-floating-border: color-mix(in srgb, var(--ui-accent) 18%, var(--ui-border-strong));
    --ui-on-accent: #ffffff;
    --ui-on-solid: #ffffff;
    --ui-surface-soft: var(--ui-surface-subtle);
    --ui-shadow-rgb: 15 23 42;
    --ui-highlight: rgba(255, 255, 255, 0.8);
    --ui-overlay: rgba(15, 23, 42, 0.5);
    --ui-tooltip-surface: #101828;
    --ui-tooltip-text: #ffffff;
    --ui-tooltip-border: #344054;
    --ui-nav-accent-base: #344054;
    --ui-counter-start: #ff557c;
    --ui-counter-end: #f72559;
    --ui-counter-shadow: rgba(220, 38, 90, 0.26);
    --ui-badge-neutral: #596273;
    --ui-badge-neutral-soft: #e9edf2;
    --ui-badge-accent: #5f28b8;
    --ui-badge-accent-soft: #efdcff;
    --ui-badge-info: #126a7b;
    --ui-badge-info-soft: #c9f6fa;
    --ui-badge-success: #17822d;
    --ui-badge-success-soft: #d4f8d7;
    --ui-badge-warning: #9a6500;
    --ui-badge-warning-soft: #fff0ca;
    --ui-badge-danger: #972d31;
    --ui-badge-danger-soft: #ffdadd;
    --ui-distributor-badge: #dbeafe;
    --ui-distributor-badge-text: #1e40af;
    --ui-demo-badge: #fce7f3;
    --ui-demo-badge-text: #9d174d;
    --ui-hospitality-badge: #f4e1d5;
    --ui-hospitality-badge-text: #854729;
    --ui-beauty-badge: #eee7df;
    --ui-beauty-badge-text: #655342;
    --ui-retail-badge: #e8ebd4;
    --ui-retail-badge-text: #555e2c;
    --ui-contact-edit: #c2410c;
    --ui-contact-edit-soft: #fff7ed;
    --ui-contact-edit-subtle: #fffaf5;
    --ui-contact-edit-border: #fdba74;
    --ui-email-ink: #4b3ed2;
    --ui-email-hover: #3426c4;
    --ui-email-soft: #eeedff;
    --ui-signature-paper: #ffffff;
    --ui-validation-success: #26b050;
    --ui-validation-danger: #e50000;
    --ui-error-surface: #b32121;
    --ui-checkbox-border: #929292;
    --ui-success-gradient-end: #064e3b;
    --ui-calendar-owner: #5662c9;
    --ui-calendar-owner-alt: #bd6b64;
    --ui-login-page: #f1f1ef;
    --ui-login-paper: #ffffff;
    --ui-login-text: #141313;
    --ui-login-muted: #625d55;
    --ui-login-input: #faf7f1;
    --ui-login-input-hover: #fbfaf7;
    --ui-login-border: #b9b09f;
    --ui-login-placeholder: #746e64;
    --ui-login-gold: #937642;
    --ui-login-gold-hover: #765b30;
    --ui-login-separator: #b7a987;
    color-scheme: light;
}