/**
 * `pg-photon-theme` — **airy editorial**.
 *
 * The document register: no grid border, no vertical rules, hairline row
 * dividers at low opacity, micro-caps column headings with wide tracking, and
 * the most generous density of the four. A warm amber accent marks state
 * without ever filling a region.
 *
 * The organising idea is *restraint*: this theme removes lines rather than
 * adding them, so the data is the only thing with weight on the page. That is
 * why selection is a rail with no fill, why the header has a hairline rule and
 * no background, and why radii are near-zero — a rounded chip would be the most
 * decorative object on screen.
 *
 * 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 themePhotonCss = "\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-photon-theme .pg-grid,\n[data-pg-variant=\"photon\"] .pg-context-menu,\n[data-pg-variant=\"photon\"] .pg-column-context-menu,\n[data-pg-variant=\"photon\"] .pg-col-chooser__overlay,\n[data-pg-variant=\"photon\"] .pg-dropdown-editor__panel,\n[data-pg-variant=\"photon\"] .pg-toast-layer {\n  --pg-colors-primary: #b45309;\n  --pg-colors-primary-hover: #92400e;\n  --pg-colors-primary-active: #78350f;\n  --pg-colors-primary-subtle: color-mix(in srgb, #b45309 5%, transparent);\n  --pg-colors-primary-subtle-hover: color-mix(in srgb, #b45309 9%, transparent);\n  --pg-colors-primary-soft: color-mix(in srgb, #b45309 16%, transparent);\n\n  /* Chrome is the same surface as the data \u2014 the theme has no gutter. */\n  --pg-colors-header-background: transparent;\n  --pg-colors-filter-background: transparent;\n  --pg-colors-footer-background: transparent;\n  --pg-colors-group-row-background: transparent;\n  --pg-colors-scrollbar-bg: transparent;\n  --pg-colors-scrollbar-track: transparent;\n\n  /* A neutral wash for hover, so the accent is reserved for real state. */\n  --pg-colors-row-hover: color-mix(in srgb, var(--pg-colors-text-primary) 4%, transparent);\n  --pg-colors-row-selected: var(--pg-colors-primary-subtle);\n  --pg-colors-chip-background: transparent;\n  --pg-colors-chip-text: var(--pg-colors-text-secondary);\n  --pg-colors-group-zone-over: var(--pg-colors-primary-subtle);\n\n  /* Larger body text than any other variant \u2014 this theme trades rows for\n     legibility on purpose. */\n  --pg-typography-font-family: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;\n  --pg-typography-font-size-md: 14px;\n  --pg-typography-font-size-sm: 13px;\n  --pg-typography-font-size-xs: 11px;\n  --pg-typography-header-font-weight: 600;\n  --pg-typography-letter-spacing-wide: 0.1em;\n  --pg-typography-line-height-base: 1.6;\n\n  --pg-header-row-height: 48px;\n\n  /* Near-square: a rounded corner would read as ornament here. */\n  --pg-borders-radius-lg: 2px;\n  --pg-borders-radius-md: 2px;\n  --pg-borders-radius-sm: 0px;\n  --pg-borders-radius-pill: 2px;\n  --pg-borders-width-focus: 1px;\n  --pg-sizing-checkbox-size: 15px;\n\n  --pg-transitions-duration-fast: 120ms;\n  --pg-transitions-duration-base: 180ms;\n\n  /* Muted earth tones \u2014 chart marks should sit *in* the page, not on top of it. */\n  --pg-chart-series-1: #b45309;\n  --pg-chart-series-2: #4d7c0f;\n  --pg-chart-series-3: #0f766e;\n  --pg-chart-series-4: #9f1239;\n  --pg-chart-series-5: #4338ca;\n  --pg-chart-series-6: #78716c;\n}\n\n/* \u2500\u2500 Shell \u2014 borderless \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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-photon-theme .pg-grid {\n  border: none;\n  border-radius: 0;\n  background: var(--pg-colors-surface);\n}\n\n/* Vertical rules off, whatever the grid option says: this theme separates\n   columns with whitespace, and a single vertical line would undo that. */\n.pg-photon-theme .pg-cell--v-border {\n  border-right-color: transparent;\n}\n\n/* \u2500\u2500 Header \u2014 micro-caps over a hairline \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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-photon-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-photon-theme .pg-grid__header {\n  border-bottom: 1px solid var(--pg-colors-border-strong);\n}\n\n.pg-photon-theme .pg-th--sorted { color: var(--pg-colors-primary); }\n\n.pg-photon-theme .pg-th--sortable:hover { color: var(--pg-colors-text-primary); }\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/* Hairline dividers at a third strength \u2014 present enough to track a row across\n   the page, faint enough not to draw the eye. */\n.pg-photon-theme .pg-row {\n  border-bottom: 1px solid color-mix(in srgb, var(--pg-colors-border) 40%, transparent);\n}\n\n.pg-photon-theme .pg-cell {\n  line-height: var(--pg-typography-line-height-base);\n}\n\n/* Selection is a rail and nothing else \u2014 no fill, because a filled band would\n   be the heaviest object in a theme built on whitespace. */\n.pg-photon-theme .pg-row--selected {\n  box-shadow: inset 2px 0 0 var(--pg-colors-primary);\n}\n\n/* \u2500\u2500 Focus \u2014 an outline with breathing room, not a filled ring \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-photon-theme .pg-th:focus-visible,\n.pg-photon-theme .pg-cell:focus-visible,\n.pg-photon-theme .pg-pagination__btn:focus-visible {\n  outline: 1px solid var(--pg-colors-primary);\n  outline-offset: 2px;\n  box-shadow: none;\n}\n\n/* \u2500\u2500 Checkbox \u2014 hairline square, accent tick on a light fill \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.pg-photon-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: 1px solid var(--pg-colors-border-strong);\n  border-radius: 0;\n  background: transparent;\n  cursor: pointer;\n  position: relative;\n  flex-shrink: 0;\n  transition:\n    background var(--pg-transitions-duration-fast) ease,\n    border-color var(--pg-transitions-duration-fast) ease;\n}\n.pg-photon-theme .pg-checkbox:hover { border-color: var(--pg-colors-primary); }\n.pg-photon-theme .pg-checkbox:focus-visible {\n  outline: 1px solid var(--pg-colors-primary);\n  outline-offset: 2px;\n}\n.pg-photon-theme .pg-checkbox:checked,\n.pg-photon-theme .pg-checkbox:indeterminate {\n  background: var(--pg-colors-primary);\n  border-color: var(--pg-colors-primary);\n}\n.pg-photon-theme .pg-checkbox:checked::after {\n  content: '';\n  position: absolute;\n  left: 4.5px;\n  top: 1.5px;\n  width: 4px;\n  height: 8px;\n  border: 1.5px solid var(--pg-colors-on-primary);\n  border-top: none;\n  border-left: none;\n  transform: rotate(45deg);\n}\n.pg-photon-theme .pg-checkbox:indeterminate::after {\n  content: '';\n  position: absolute;\n  left: 3px;\n  top: 50%;\n  width: 7px;\n  height: 1.5px;\n  background: var(--pg-colors-on-primary);\n  transform: translateY(-50%);\n}\n\n/* \u2500\u2500 Grouping bar \u2014 underlined labels, no chip fill \u2500\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-photon-theme .pg-group-drop-zone {\n  border-bottom: 1px solid color-mix(in srgb, var(--pg-colors-border) 40%, transparent);\n}\n\n.pg-photon-theme .pg-group-chip {\n  background: transparent;\n  color: var(--pg-colors-text-primary);\n  border: none;\n  border-bottom: 1px solid var(--pg-colors-primary);\n  border-radius: 0;\n  font-size: 11px;\n  letter-spacing: 0.04em;\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-photon-theme .pg-grid__footer {\n  border-top: 1px solid color-mix(in srgb, var(--pg-colors-border) 40%, transparent);\n}\n\n.pg-photon-theme .pg-pagination__btn {\n  border-radius: 0;\n}\n.pg-photon-theme .pg-pagination__btn:hover:not(:disabled) {\n  color: var(--pg-colors-primary);\n  background: transparent;\n  box-shadow: inset 0 -1px 0 var(--pg-colors-primary);\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-photon-theme .pg-icon { color: var(--pg-colors-text-disabled); }\n.pg-photon-theme .pg-th--sorted .pg-icon { color: var(--pg-colors-primary); }\n.pg-photon-theme .pg-row-drag-handle { color: var(--pg-colors-text-disabled); }\n\n/* \u2500\u2500 Overlays \u2014 the only place this theme allows a shadow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n[data-pg-variant=\"photon\"] .pg-context-menu,\n[data-pg-variant=\"photon\"] .pg-column-context-menu,\n[data-pg-variant=\"photon\"] .pg-dropdown-editor__panel {\n  border-radius: var(--pg-borders-radius-md);\n  border: 1px solid var(--pg-colors-border);\n  box-shadow: var(--pg-shadows-dropdown);\n}\n\n[data-pg-variant=\"photon\"] .pg-context-menu__item:hover,\n[data-pg-variant=\"photon\"] .pg-col-ctx-menu__item:hover {\n  background: color-mix(in srgb, var(--pg-colors-text-primary) 4%, transparent);\n  color: var(--pg-colors-primary);\n}\n\n[data-pg-variant=\"photon\"] .pg-toast {\n  border-radius: var(--pg-borders-radius-md);\n}\n\n/* \u2500\u2500 Motion \u2014 the slowest of the four; nothing snaps \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-photon-theme .pg-grid--row-dragging .pg-row {\n  transition:\n    background var(--pg-transitions-duration-base) ease,\n    top 180ms cubic-bezier(0.25, 0.1, 0.25, 1);\n}\n";
//# sourceMappingURL=theme-photon.d.ts.map