/* Aurora — nền cực quang chuyển động chậm (tắt khi người dùng giảm chuyển động), tấm kính tối. */
@layer themes {
  :root[data-theme="aurora"] {
    --erp-bg: #070b1d;
    --erp-bg-image: radial-gradient(60vw 50vh at 15% 10%, color-mix(in srgb, var(--erp-tone-1, #2dd4bf) 35%, transparent), transparent 60%), radial-gradient(55vw 55vh at 85% 15%, color-mix(in srgb, var(--erp-tone-2, #a855f7) 38%, transparent), transparent 60%), radial-gradient(70vw 60vh at 50% 110%, color-mix(in srgb, var(--erp-tone-3, #3b82f6) 35%, transparent), transparent 60%);
    --erp-surface: #121836; --erp-surface-2: rgba(255, 255, 255, .06); --erp-surface-3: rgba(255, 255, 255, .11); --erp-panel-bg: rgba(14, 19, 44, .64);
    --erp-overlay: rgba(2, 4, 16, .6);
    --erp-text: #eef2ff; --erp-text-muted: #b9c2e8; --erp-text-faint: #96a1d0;
    --erp-border: rgba(160, 175, 255, .2); --erp-border-strong: rgba(160, 175, 255, .36);
    --erp-accent: #2dd4bf; --erp-accent-contrast: #04201d;
    --erp-success: #5eead4; --erp-warning: #fbbf24; --erp-danger: #fb7185; --erp-info: #93c5fd;
    --erp-radius: 10px; --erp-radius-lg: 16px; --erp-blur: 16px; --erp-chrome-blur: 18px;
    --erp-shadow-sm: 0 2px 10px rgba(0, 0, 0, .3); --erp-shadow: 0 10px 30px rgba(0, 0, 0, .35); --erp-shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);
    --erp-chrome-bg: rgba(8, 12, 32, .55); --erp-chrome-text: #eef2ff; --erp-chrome-muted: #b6bfe6; --erp-chrome-hover: rgba(255, 255, 255, .09);
    --erp-ribbon-bg: rgba(10, 15, 38, .55); --erp-ribbon-tabs-bg: transparent; --erp-ribbon-tab-text: #dce3ff;
    --erp-ribbon-tab-active-bg: color-mix(in srgb, var(--erp-primary) 14%, transparent); --erp-ribbon-tab-active-text: color-mix(in srgb, var(--erp-primary) 70%, #ffffff); --erp-ribbon-border: rgba(160, 175, 255, .16);
    --erp-ribbon-btn-hover: color-mix(in srgb, var(--erp-primary) 12%, transparent); --erp-ribbon-btn-active: color-mix(in srgb, var(--erp-primary) 22%, transparent);
    --erp-grid-bg: #0e1430; --erp-grid-head: #151d44; --erp-grid-head-text: #e3e8ff; --erp-grid-alt: #111839; --erp-grid-hover: #18224f;
    --erp-grid-selected: color-mix(in srgb, var(--erp-primary) 25%, #0e1430); --erp-grid-line: #1d2654; --erp-grid-foot: #131a3d; --erp-grid-frozen-shadow: 3px 0 6px -2px rgba(0, 0, 0, .6);
    --erp-input-bg: rgba(5, 8, 24, .6); --erp-input-border: rgba(160, 175, 255, .32); --erp-input-readonly: rgba(255, 255, 255, .05);
  }
  :root[data-theme="aurora"] body { background-size: 160% 160%; animation: erp-aurora 28s ease-in-out infinite alternate; }
  @keyframes erp-aurora { 0% { background-position: 0% 0%; } 100% { background-position: 100% 100%; } }
  :root[data-theme="aurora"] .erp-ribbon { backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); }
  :root[data-theme="aurora"] .erp-docbar, :root[data-theme="aurora"] .erp-statusbar { background: rgba(8, 12, 32, .5); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }
  :root[data-theme="aurora"] .erp-doctab.is-active, :root[data-theme="aurora"] .erp-subtab[aria-selected="true"] { background: color-mix(in srgb, var(--erp-primary) 12%, transparent); }
  :root[data-theme="aurora"] .erp-dialog { background: rgba(14, 19, 46, .92); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); }
}