/**
 * `pg-neon-theme` — **high-contrast glow**.
 *
 * The technical/terminal register: a cyan accent that *emits* rather than
 * merely tints, sharp 2px corners, tabular numerals, an uppercase tracked
 * header, and a glow that marks focus, selection and the sorted column. Where
 * Ion whispers state with a 7% wash, Neon announces it.
 *
 * ## Making a glow mode-agnostic
 *
 * A bloom that reads as light against a dark surface reads as a *smudge*
 * against a white one. So the glow is expressed in two parts: an always-on
 * inner ring at full accent, which is crisp in both modes, plus an outer bloom
 * that is `color-mix`ed toward transparency and only opened up in dark mode via
 * `[data-pg-mode="dark"]`. Light mode gets a saturated ring; dark mode gets the
 * ring *and* the halo. Both are legible; neither is muddy.
 *
 * See `theme-ion.ts` for the shared rules on selector roots (container class vs
 * `[data-pg-variant]` for portaled overlays) and on why row height is not set
 * in CSS.
 */
export declare const themeNeonCss = "\n\n/* \u2500\u2500 Tokens \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-neon-theme .pg-grid,\n[data-pg-variant=\"neon\"] .pg-context-menu,\n[data-pg-variant=\"neon\"] .pg-column-context-menu,\n[data-pg-variant=\"neon\"] .pg-col-chooser__overlay,\n[data-pg-variant=\"neon\"] .pg-dropdown-editor__panel,\n[data-pg-variant=\"neon\"] .pg-toast-layer {\n  --pg-colors-primary: #06b6d4;\n  --pg-colors-primary-hover: #0891b2;\n  --pg-colors-primary-active: #0e7490;\n  --pg-colors-primary-subtle: color-mix(in srgb, #06b6d4 10%, transparent);\n  --pg-colors-primary-subtle-hover: color-mix(in srgb, #06b6d4 18%, transparent);\n  --pg-colors-primary-soft: color-mix(in srgb, #06b6d4 26%, transparent);\n\n  /* Glow, in two parts \u2014 see the module doc. The ring is opaque accent and\n     works everywhere; the bloom stays a tint in light mode and is re-opened\n     for dark mode below. */\n  --pg-neon-ring: var(--pg-colors-primary);\n  --pg-neon-bloom: color-mix(in srgb, #06b6d4 22%, transparent);\n\n  --pg-colors-row-hover: var(--pg-colors-primary-subtle);\n  --pg-colors-row-selected: var(--pg-colors-primary-subtle-hover);\n  --pg-colors-chip-background: transparent;\n  --pg-colors-chip-text: var(--pg-colors-primary);\n  --pg-colors-scrollbar-thumb: color-mix(in srgb, #06b6d4 45%, transparent);\n  --pg-colors-scrollbar-thumb-hover: var(--pg-colors-primary);\n  --pg-colors-group-zone-over: var(--pg-colors-primary-soft);\n\n  --pg-typography-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;\n  --pg-typography-font-size-md: 12px;\n  --pg-typography-font-size-sm: 11px;\n  --pg-typography-font-size-xs: 10px;\n  --pg-typography-header-font-weight: 700;\n  --pg-typography-letter-spacing-wide: 0.1em;\n\n  --pg-header-row-height: 38px;\n\n  /* Sharp: this theme has no round corners anywhere. */\n  --pg-borders-radius-lg: 3px;\n  --pg-borders-radius-md: 2px;\n  --pg-borders-radius-sm: 2px;\n  --pg-borders-radius-pill: 2px;\n  --pg-borders-width-focus: 1px;\n  --pg-sizing-checkbox-size: 15px;\n\n  --pg-transitions-duration-fast: 90ms;\n  --pg-transitions-duration-base: 120ms;\n\n  /* Saturated, high-chroma, maximally separated around the wheel. */\n  --pg-chart-series-1: #06b6d4;\n  --pg-chart-series-2: #d946ef;\n  --pg-chart-series-3: #84cc16;\n  --pg-chart-series-4: #f59e0b;\n  --pg-chart-series-5: #3b82f6;\n  --pg-chart-series-6: #f43f5e;\n}\n\n/* Dark mode has a dark field for the bloom to sit on, so it can open up.\n\n   Matched on the container itself, not an ancestor: the mode attribute and the\n   variant class both land on it, and an ancestor-rooted form would also catch a\n   light neon grid nested inside a dark one. */\n.pg-neon-theme[data-pg-mode=\"dark\"] .pg-grid,\n[data-pg-mode=\"dark\"][data-pg-variant=\"neon\"] .pg-context-menu,\n[data-pg-mode=\"dark\"][data-pg-variant=\"neon\"] .pg-column-context-menu {\n  --pg-neon-bloom: color-mix(in srgb, #06b6d4 45%, transparent);\n}\n\n/* \u2500\u2500 Shell \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-neon-theme .pg-grid {\n  border: 1px solid var(--pg-colors-border-strong);\n  border-radius: var(--pg-borders-radius-lg);\n  overflow: hidden;\n}\n\n/* \u2500\u2500 Header \u2014 uppercase, tracked, accent rule beneath \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-neon-theme .pg-th {\n  text-transform: uppercase;\n  font-size: 10px;\n  font-weight: var(--pg-typography-header-font-weight);\n  letter-spacing: var(--pg-typography-letter-spacing-wide);\n  color: var(--pg-colors-text-secondary);\n}\n\n.pg-neon-theme .pg-grid__header {\n  border-bottom: 2px solid color-mix(in srgb, var(--pg-colors-primary) 40%, var(--pg-colors-header-border));\n}\n\n/* The sorted column is underlined in accent and lit \u2014 the strongest signal in\n   the theme, because sort state is what you look for first. */\n.pg-neon-theme .pg-th--sorted {\n  color: var(--pg-colors-primary);\n  box-shadow: inset 0 -2px 0 var(--pg-neon-ring);\n}\n\n.pg-neon-theme .pg-th--sortable:hover {\n  color: var(--pg-colors-text-primary);\n  background: var(--pg-colors-primary-subtle);\n}\n\n/* \u2500\u2500 Rows and cells \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n/* Faint dividers only: the glow does the separating, so full-strength rules\n   would compete with it. */\n.pg-neon-theme .pg-row {\n  border-bottom: 1px solid color-mix(in srgb, var(--pg-colors-border) 55%, transparent);\n}\n\n/* Tabular figures across the body \u2014 the point of a terminal register. */\n.pg-neon-theme .pg-cell {\n  font-variant-numeric: tabular-nums;\n}\n\n.pg-neon-theme .pg-row--selected {\n  box-shadow:\n    inset 2px 0 0 var(--pg-neon-ring),\n    inset 0 0 24px -8px var(--pg-neon-bloom);\n}\n\n/* \u2500\u2500 Focus \u2014 ring plus bloom \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-neon-theme .pg-th:focus-visible,\n.pg-neon-theme .pg-cell:focus-visible,\n.pg-neon-theme .pg-pagination__btn:focus-visible {\n  outline: none;\n  box-shadow:\n    0 0 0 1px var(--pg-neon-ring),\n    0 0 12px var(--pg-neon-bloom);\n}\n\n/* \u2500\u2500 Checkbox \u2014 hollow until checked, lit when active \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-neon-theme .pg-checkbox {\n  appearance: none;\n  -webkit-appearance: none;\n  width: var(--pg-sizing-checkbox-size);\n  height: var(--pg-sizing-checkbox-size);\n  border: 1.5px solid var(--pg-colors-checkbox-border);\n  border-radius: var(--pg-borders-radius-sm);\n  background: transparent;\n  cursor: pointer;\n  position: relative;\n  flex-shrink: 0;\n  transition:\n    background var(--pg-transitions-duration-fast) linear,\n    border-color var(--pg-transitions-duration-fast) linear,\n    box-shadow var(--pg-transitions-duration-fast) linear;\n}\n.pg-neon-theme .pg-checkbox:hover {\n  border-color: var(--pg-colors-primary);\n  box-shadow: 0 0 8px var(--pg-neon-bloom);\n}\n.pg-neon-theme .pg-checkbox:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 1px var(--pg-neon-ring), 0 0 10px var(--pg-neon-bloom);\n}\n.pg-neon-theme .pg-checkbox:checked,\n.pg-neon-theme .pg-checkbox:indeterminate {\n  background: var(--pg-colors-primary);\n  border-color: var(--pg-colors-primary);\n  box-shadow: 0 0 10px var(--pg-neon-bloom);\n}\n.pg-neon-theme .pg-checkbox:checked::after {\n  content: '';\n  position: absolute;\n  left: 4px;\n  top: 1px;\n  width: 4px;\n  height: 8px;\n  border: 2px solid var(--pg-colors-on-primary);\n  border-top: none;\n  border-left: none;\n  transform: rotate(45deg);\n}\n.pg-neon-theme .pg-checkbox:indeterminate::after {\n  content: '';\n  position: absolute;\n  left: 2.5px;\n  top: 50%;\n  width: 8px;\n  height: 2px;\n  background: var(--pg-colors-on-primary);\n  transform: translateY(-50%);\n}\n\n/* \u2500\u2500 Grouping bar \u2014 hollow bracketed chips \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-neon-theme .pg-group-drop-zone {\n  border-bottom: 1px solid var(--pg-colors-border);\n}\n\n.pg-neon-theme .pg-group-chip {\n  background: transparent;\n  color: var(--pg-colors-primary);\n  border: 1px solid var(--pg-colors-primary);\n  border-radius: var(--pg-borders-radius-sm);\n  text-transform: uppercase;\n  letter-spacing: 0.06em;\n  font-size: 10px;\n  font-weight: 700;\n}\n\n/* \u2500\u2500 Footer / pagination \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-neon-theme .pg-grid__footer {\n  border-top: 1px solid var(--pg-colors-footer-border);\n}\n\n.pg-neon-theme .pg-footer,\n.pg-neon-theme .pg-pagination__info {\n  font-variant-numeric: tabular-nums;\n}\n\n.pg-neon-theme .pg-pagination__btn {\n  border-radius: var(--pg-borders-radius-sm);\n}\n.pg-neon-theme .pg-pagination__btn:hover:not(:disabled) {\n  color: var(--pg-colors-primary);\n  box-shadow: 0 0 0 1px var(--pg-neon-ring);\n}\n\n/* \u2500\u2500 Icons \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-neon-theme .pg-icon { color: var(--pg-colors-text-secondary); }\n.pg-neon-theme .pg-th--sorted .pg-icon {\n  color: var(--pg-colors-primary);\n  filter: drop-shadow(0 0 4px var(--pg-neon-bloom));\n}\n.pg-neon-theme .pg-row-drag-handle { color: var(--pg-colors-text-disabled); }\n\n/* \u2500\u2500 Overlays \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n[data-pg-variant=\"neon\"] .pg-context-menu,\n[data-pg-variant=\"neon\"] .pg-column-context-menu,\n[data-pg-variant=\"neon\"] .pg-dropdown-editor__panel {\n  border-radius: var(--pg-borders-radius-md);\n  border: 1px solid color-mix(in srgb, var(--pg-colors-primary) 35%, var(--pg-colors-border-ctxt-menu));\n  box-shadow: var(--pg-shadows-dropdown), 0 0 24px -12px var(--pg-neon-bloom);\n}\n\n[data-pg-variant=\"neon\"] .pg-context-menu__item:hover,\n[data-pg-variant=\"neon\"] .pg-col-ctx-menu__item:hover {\n  background: var(--pg-colors-primary-subtle);\n  color: var(--pg-colors-primary);\n  box-shadow: inset 2px 0 0 var(--pg-neon-ring);\n}\n\n[data-pg-variant=\"neon\"] .pg-toast {\n  border-radius: var(--pg-borders-radius-md);\n}\n\n/* \u2500\u2500 Motion \u2014 the fastest of the four; nothing eases \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-neon-theme .pg-grid--row-dragging .pg-row {\n  transition:\n    background var(--pg-transitions-duration-fast) linear,\n    top 90ms linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .pg-neon-theme .pg-grid--row-dragging .pg-row { transition: none; }\n}\n";
//# sourceMappingURL=theme-neon.d.ts.map