/* Cosmik · HPLX 0.2.0 — APPROVED. Generated by @cosmiklabs/brand 0.16.1 scripts/family.mjs from tokens/family.json over kits/cosmik/tokens/source.json. Load after cosmik.css. */
[data-family="hplx"] {
  --c-primitive-hplx-ink: #0E0F11;
  --c-primitive-hplx-panel: #131518;
  --c-primitive-hplx-raised: #1E2226;
  --c-primitive-hplx-raised-pressed: #2A2F35;
  --c-primitive-hplx-bone: #ECE7DD;
  --c-primitive-hplx-ash: #A7A196;
  --c-primitive-hplx-rule: #2E3339;
  --c-primitive-hplx-edge: #7E786E;
  --c-primitive-hplx-amber: #E0A53A;
  --c-primitive-hplx-amber-hover: #EBB75C;
  --c-primitive-hplx-amber-active: #F3C97E;
  --c-primitive-hplx-tar: #1A1408;
  --c-primitive-hplx-vellum: #F3EFE6;
  --c-primitive-hplx-parchment: #E7E0D2;
  --c-primitive-hplx-parchment-pressed: #DCD3C2;
  --c-primitive-hplx-soot: #1A1714;
  --c-primitive-hplx-umber: #5C554B;
  --c-primitive-hplx-rule-light: #D6CFC1;
  --c-primitive-hplx-edge-light: #7A7266;
  --c-primitive-hplx-amber-deep: #875709;
  --c-primitive-hplx-amber-deep-hover: #734A07;
  --c-primitive-hplx-amber-deep-active: #5F3D06;
  --c-primitive-hplx-glass-dark: #0E0F1160;
  --c-primitive-shadow-dark: #00000099;
  --c-primitive-shadow-light: #00000029;
  --c-primitive-red-50: #FAEDEB;
  --c-primitive-red-200: #F2B8B5;
  --c-primitive-red-400: #D0605A;
  --c-primitive-red-600: #B3362F;
  --c-primitive-red-800: #8A1F1A;
  --c-primitive-red-950: #2B1615;
  --c-primitive-amber-50: #FAF1DE;
  --c-primitive-amber-200: #EDCB8C;
  --c-primitive-amber-400: #B08A3E;
  --c-primitive-amber-600: #94690F;
  --c-primitive-amber-800: #6A4A05;
  --c-primitive-amber-950: #2A2112;
  --c-primitive-green-50: #E9F3EB;
  --c-primitive-green-200: #A9D3B1;
  --c-primitive-green-400: #4F9A63;
  --c-primitive-green-600: #2F7D46;
  --c-primitive-green-800: #1D5530;
  --c-primitive-green-950: #13241A;
  --c-primitive-blue-50: #EAF0F8;
  --c-primitive-blue-200: #B5C7E6;
  --c-primitive-blue-400: #6688C0;
  --c-primitive-blue-600: #3B66AB;
  --c-primitive-blue-800: #1F3F73;
  --c-primitive-blue-950: #151D2B;
  --c-type-display-font-family: "Spectral";
  --c-type-display-font-weight: 600;
  --c-type-display-font-size: 3rem;
  --c-type-display-line-height: 1.1;
  --c-type-display-letter-spacing: 0;
  --c-type-display-small-font-family: "Spectral";
  --c-type-display-small-font-weight: 600;
  --c-type-display-small-font-size: 2.125rem;
  --c-type-display-small-line-height: 1.15;
  --c-type-display-small-letter-spacing: 0;
  --c-type-section-font-family: "Spectral";
  --c-type-section-font-weight: 600;
  --c-type-section-font-size: 1.875rem;
  --c-type-section-line-height: 1.2;
  --c-type-section-letter-spacing: 0;
  --c-type-card-font-family: "Spectral";
  --c-type-card-font-weight: 600;
  --c-type-card-font-size: 1.375rem;
  --c-type-card-line-height: 1.3;
  --c-type-card-letter-spacing: 0;
}

[data-family="hplx"], [data-family="hplx"] [data-theme], [data-family="hplx"] [data-glass-tone] {
  --c-bg: light-dark(var(--c-primitive-hplx-vellum), var(--c-primitive-hplx-ink));
  --c-surface: light-dark(var(--c-primitive-white), var(--c-primitive-hplx-panel));
  --c-raised: light-dark(var(--c-primitive-hplx-parchment), var(--c-primitive-hplx-raised));
  --c-text: light-dark(var(--c-primitive-hplx-soot), var(--c-primitive-hplx-bone));
  --c-muted: light-dark(var(--c-primitive-hplx-umber), var(--c-primitive-hplx-ash));
  --c-border: light-dark(var(--c-primitive-hplx-edge-light), var(--c-primitive-hplx-edge));
  --c-divider: light-dark(var(--c-primitive-hplx-rule-light), var(--c-primitive-hplx-rule));
  --c-focus: light-dark(var(--c-primitive-hplx-amber-deep), var(--c-primitive-hplx-amber));
  --c-link: light-dark(var(--c-primitive-hplx-soot), var(--c-primitive-hplx-bone));
  --c-link-hover: light-dark(var(--c-primitive-hplx-amber-deep), var(--c-primitive-hplx-amber-hover));
  --c-link-active: light-dark(var(--c-primitive-hplx-soot), var(--c-primitive-hplx-bone));
  --c-on-selected: light-dark(var(--c-primitive-hplx-vellum), var(--c-primitive-hplx-ink));
  --c-selected: light-dark(var(--c-primitive-hplx-soot), var(--c-primitive-hplx-bone));
  --c-action-primary: light-dark(var(--c-primitive-hplx-amber-deep), var(--c-primitive-hplx-amber));
  --c-action-primary-hover: light-dark(var(--c-primitive-hplx-amber-deep-hover), var(--c-primitive-hplx-amber-hover));
  --c-action-primary-active: light-dark(var(--c-primitive-hplx-amber-deep-active), var(--c-primitive-hplx-amber-active));
  --c-action-primary-fg: light-dark(var(--c-primitive-white), var(--c-primitive-hplx-tar));
  --c-action-secondary: light-dark(var(--c-primitive-white), var(--c-primitive-hplx-panel));
  --c-action-secondary-hover: light-dark(var(--c-primitive-hplx-parchment), var(--c-primitive-hplx-raised));
  --c-action-secondary-active: light-dark(var(--c-primitive-hplx-parchment-pressed), var(--c-primitive-hplx-raised-pressed));
  --c-action-secondary-fg: light-dark(var(--c-primitive-hplx-soot), var(--c-primitive-hplx-bone));
  --c-input-bg: light-dark(var(--c-primitive-white), var(--c-primitive-hplx-ink));
  --c-input-fg: light-dark(var(--c-primitive-hplx-soot), var(--c-primitive-hplx-bone));
  --c-input-placeholder: light-dark(var(--c-primitive-hplx-umber), var(--c-primitive-hplx-ash));
  --c-disabled-bg: light-dark(var(--c-primitive-hplx-parchment), var(--c-primitive-hplx-raised));
  --c-disabled-fg: light-dark(var(--c-primitive-hplx-umber), var(--c-primitive-hplx-ash));
  --c-disabled-border: light-dark(var(--c-primitive-hplx-edge-light), var(--c-primitive-hplx-edge));
  --c-status-fg: light-dark(var(--c-primitive-hplx-soot), var(--c-primitive-hplx-bone));
  --c-status-bg: light-dark(var(--c-primitive-hplx-parchment), var(--c-primitive-hplx-raised));
  --c-status-border: light-dark(var(--c-primitive-hplx-edge-light), var(--c-primitive-hplx-edge));
  --c-divider-strong: light-dark(var(--c-primitive-rule-light), var(--c-primitive-graphite));
  --c-ornament: light-dark(var(--c-primitive-light-soft), var(--c-primitive-ornament-dark));
  --c-ornament-faint: light-dark(var(--c-primitive-paper-shade), var(--c-primitive-ornament-dark-faint));
  --c-ornament-text: light-dark(var(--c-primitive-rule-light), var(--c-primitive-graphite));
  --c-media-placeholder: light-dark(var(--c-primitive-light-soft), var(--c-primitive-media-dark));
  --c-scrim: light-dark(var(--c-primitive-scrim-light), var(--c-primitive-scrim-dark));
  --c-glass: light-dark(var(--c-primitive-glass-light), var(--c-primitive-hplx-glass-dark));
  --c-glass-border: light-dark(var(--c-primitive-rule-light), var(--c-primitive-graphite));
  --c-glass-muted: light-dark(var(--c-primitive-muted-glass-light), var(--c-primitive-muted-glass-dark));
  --c-glass-sheen: light-dark(var(--c-primitive-sheen-white-strong), var(--c-primitive-sheen-white));
  --c-glass-sheen-low: light-dark(var(--c-primitive-sheen-shade), var(--c-primitive-sheen-white-faint));
  --c-glass-hover: light-dark(var(--c-primitive-tint-dark-hover), var(--c-primitive-tint-light-hover));
  --c-glass-active: light-dark(var(--c-primitive-tint-dark-active), var(--c-primitive-tint-light-active));
  --c-accent: light-dark(var(--c-primitive-hplx-amber-deep), var(--c-primitive-hplx-amber));
  --c-shadow: light-dark(var(--c-primitive-shadow-light), var(--c-primitive-shadow-dark));
  --c-status-error-fg: light-dark(var(--c-primitive-red-800), var(--c-primitive-red-200));
  --c-status-error-bg: light-dark(var(--c-primitive-red-50), var(--c-primitive-red-950));
  --c-status-error-border: light-dark(var(--c-primitive-red-600), var(--c-primitive-red-400));
  --c-status-warning-fg: light-dark(var(--c-primitive-amber-800), var(--c-primitive-amber-200));
  --c-status-warning-bg: light-dark(var(--c-primitive-amber-50), var(--c-primitive-amber-950));
  --c-status-warning-border: light-dark(var(--c-primitive-amber-600), var(--c-primitive-amber-400));
  --c-status-success-fg: light-dark(var(--c-primitive-green-800), var(--c-primitive-green-200));
  --c-status-success-bg: light-dark(var(--c-primitive-green-50), var(--c-primitive-green-950));
  --c-status-success-border: light-dark(var(--c-primitive-green-600), var(--c-primitive-green-400));
  --c-status-info-fg: light-dark(var(--c-primitive-blue-800), var(--c-primitive-blue-200));
  --c-status-info-bg: light-dark(var(--c-primitive-blue-50), var(--c-primitive-blue-950));
  --c-status-info-border: light-dark(var(--c-primitive-blue-600), var(--c-primitive-blue-400));
  --c-elevation-1-surface: light-dark(var(--c-primitive-hplx-parchment), var(--c-primitive-hplx-raised));
  --c-elevation-1-shadow: 0px 1px 2px 0px light-dark(var(--c-primitive-shadow-light), var(--c-primitive-shadow-dark));
  --c-elevation-2-surface: light-dark(var(--c-primitive-hplx-parchment), var(--c-primitive-hplx-raised));
  --c-elevation-2-shadow: 0px 4px 12px 0px light-dark(var(--c-primitive-shadow-light), var(--c-primitive-shadow-dark));
  --c-elevation-3-surface: light-dark(var(--c-primitive-hplx-parchment), var(--c-primitive-hplx-raised));
  --c-elevation-3-shadow: 0px 12px 32px 0px light-dark(var(--c-primitive-shadow-light), var(--c-primitive-shadow-dark));
}