/*! @pixelgipfel/pg-ui 0.1.2 | generated; do not edit dist directly */

:root,
[data-pg-theme="light"] {
  --pg-color-accent: #FF6A4D;
  --pg-color-accent-alt-blue: #2A9DF4;
  --pg-color-accent-alt-green: #4FC48E;
  --pg-color-accent-alt-yellow: #F4B63F;
  --pg-color-bg: #F3F7F9;
  --pg-color-card: #FFFFFF;
  --pg-color-chip-bg: #D8ECF6;
  --pg-color-chip-text: #1A5A7A;
  --pg-color-footer-bg: #16323E;
  --pg-color-footer-muted: #8FB0BF;
  --pg-color-footer-quiet: #7D99A7;
  --pg-color-footer-text: #B8CCD6;
  --pg-color-hero-end: #D8ECF6;
  --pg-color-hero-start: #E7F4FB;
  --pg-color-ink: #16323E;
  --pg-color-line: rgba(22, 50, 62, 0.08);
  --pg-color-muted: #5F7683;
  --pg-color-placeholder-1: #DCEDF8;
  --pg-color-placeholder-2: #FFE8DE;
  --pg-color-placeholder-3: #E3F2E9;
  --pg-color-placeholder-text: #7A99AB;
  --pg-color-soft: #EEF4F7;
  --pg-color-success: #1D8A5F;
  --pg-color-world-1-bg: #DCEDF8;
  --pg-color-world-1-label: #1A5A7A;
  --pg-color-world-1-text: #3D6478;
  --pg-color-world-2-bg: #FFE8DE;
  --pg-color-world-2-label: #A34A31;
  --pg-color-world-2-text: #8A5442;
  --pg-color-world-3-bg: #E3F2E9;
  --pg-color-world-3-label: #1D6B4A;
  --pg-color-world-3-text: #3F6B55;
  --pg-font-body: 'Instrument Sans', system-ui, sans-serif;
  --pg-font-heading: 'Bricolage Grotesque', system-ui, sans-serif;
  --pg-font-weight-bold: 700;
  --pg-font-weight-extrabold: 800;
  --pg-font-weight-medium: 500;
  --pg-font-weight-regular: 400;
  --pg-font-weight-semibold: 600;
  --pg-font-wordmark: 'Fredoka', system-ui, sans-serif;
  --pg-icon-stroke-max: 2.6;
  --pg-icon-stroke-min: 2;
  --pg-motion-active-scale: 0.97;
  --pg-motion-card-lift: -3px;
  --pg-motion-ease: ease;
  --pg-motion-fast: 0.18s;
  --pg-motion-page: 0.4s;
  --pg-motion-theme: 0.25s;
  --pg-radius-card: 20px;
  --pg-radius-card-max: 22px;
  --pg-radius-card-min: 18px;
  --pg-radius-input: 14px;
  --pg-radius-input-max: 16px;
  --pg-radius-input-min: 11px;
  --pg-radius-pill: 999px;
  --pg-radius-thumbnail: 12px;
  --pg-shadow-card: 0 2px 12px rgba(22, 50, 62, 0.07);
  --pg-shadow-cta: 0 6px 20px rgba(255, 106, 77, 0.38);
  --pg-shadow-cta-hover: 0 10px 26px rgba(255, 106, 77, 0.5);
  --pg-shadow-md: 0 6px 18px rgba(22, 50, 62, 0.12);
  --pg-shadow-pop: 0 8px 24px rgba(22, 50, 62, 0.14);
  --pg-shadow-sm: 0 2px 14px rgba(22, 50, 62, 0.08);
  --pg-size-container-max: 1440px;
  --pg-space-grid: 16px;
  --pg-space-grid-min: 14px;
  --pg-space-page-inline: 56px;
  --pg-space-page-inline-mobile: 20px;
  --pg-type-body-line-height: 1.55;
  --pg-type-body-max: 14.5px;
  --pg-type-body-min: 13px;
  --pg-type-card-max: 17px;
  --pg-type-card-min: 15px;
  --pg-type-h1-letter-spacing: -0.025em;
  --pg-type-h1-line-height: 1.03;
  --pg-type-h1-size: 54px;
  --pg-type-h1-size-mobile: 36px;
  --pg-type-label-letter-spacing: 0.12em;
  --pg-type-label-max: 12px;
  --pg-type-label-min: 10px;
  --pg-type-section-letter-spacing: -0.02em;
  --pg-type-section-size: 24px;
  --pg-type-wordmark-letter-spacing: 0.045em;
  --pg-accent: var(--pg-color-accent);
  --pg-bg: var(--pg-color-bg);
  --pg-card: var(--pg-color-card);
  --pg-check: var(--pg-color-success);
  --pg-chip-bg: var(--pg-color-chip-bg);
  --pg-chip-tx: var(--pg-color-chip-text);
  --pg-container: var(--pg-size-container-max);
  --pg-ease: var(--pg-motion-ease);
  --pg-font-head: var(--pg-font-heading);
  --pg-font-mark: var(--pg-font-wordmark);
  --pg-glow: var(--pg-shadow-cta);
  --pg-glow-hover: var(--pg-shadow-cta-hover);
  --pg-ink: var(--pg-color-ink);
  --pg-line: var(--pg-color-line);
  --pg-muted: var(--pg-color-muted);
  --pg-pad-x: var(--pg-space-page-inline);
  --pg-r-lg: var(--pg-radius-card);
  --pg-r-md: var(--pg-radius-input);
  --pg-r-pill: var(--pg-radius-pill);
  --pg-r-thumb: var(--pg-radius-thumbnail);
  --pg-soft: var(--pg-color-soft);
  --pg-t-fast: var(--pg-motion-fast);
  --pg-t-med: var(--pg-motion-theme);
  --pg-t-page: var(--pg-motion-page);
}

[data-pg-theme="dark"],
html[data-theme="dark"] {
  --pg-color-bg: #0C1C24;
  --pg-color-card: #14303C;
  --pg-color-chip-bg: #123A4A;
  --pg-color-chip-text: #8FD4F0;
  --pg-color-footer-bg: #081820;
  --pg-color-footer-muted: #7D9AA8;
  --pg-color-footer-quiet: #628191;
  --pg-color-footer-text: #A9C4D1;
  --pg-color-hero-end: #123240;
  --pg-color-hero-start: #1A4356;
  --pg-color-ink: #E8F1F5;
  --pg-color-line: rgba(207, 233, 246, 0.12);
  --pg-color-muted: #8FA9B5;
  --pg-color-placeholder-1: #0E242E;
  --pg-color-placeholder-2: #0E242E;
  --pg-color-placeholder-3: #0E242E;
  --pg-color-placeholder-text: #5B7A89;
  --pg-color-soft: #0E242E;
  --pg-color-success: #4FC48E;
  --pg-color-world-1-bg: #123A4A;
  --pg-color-world-1-label: #8FD4F0;
  --pg-color-world-1-text: #A9C4D1;
  --pg-color-world-2-bg: #4A2A20;
  --pg-color-world-2-label: #FFB39F;
  --pg-color-world-2-text: #D8B3A6;
  --pg-color-world-3-bg: #173D2E;
  --pg-color-world-3-label: #8FDCB8;
  --pg-color-world-3-text: #A8C9B8;
  --pg-shadow-card: 0 2px 12px rgba(0, 0, 0, 0.3);
  --pg-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.35);
  --pg-shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.4);
  --pg-shadow-sm: 0 2px 14px rgba(0, 0, 0, 0.35);
}

:where(.pg-product, [data-pg-profile="product"]) {
  --pg-product-action: var(--pg-color-accent);
  --pg-product-action-text: #16323E;
  --pg-product-border: var(--pg-color-line);
  --pg-product-color-scheme: light;
  --pg-product-control-border: var(--pg-color-muted);
  --pg-product-control-min-size: 44px;
  --pg-product-focus: var(--pg-color-ink);
  --pg-product-font-body: var(--pg-font-body);
  --pg-product-font-heading: var(--pg-font-heading);
  --pg-product-info-bg: var(--pg-color-chip-bg);
  --pg-product-info-text: var(--pg-color-chip-text);
  --pg-product-radius-card: var(--pg-radius-card);
  --pg-product-radius-control: var(--pg-radius-input);
  --pg-product-radius-pill: var(--pg-radius-pill);
  --pg-product-shadow-card: var(--pg-shadow-card);
  --pg-product-shadow-raised: var(--pg-shadow-md);
  --pg-product-success: var(--pg-color-success);
  --pg-product-success-bg: #E3F2E9;
  --pg-product-success-text: #1D6B4A;
  --pg-product-surface-app: var(--pg-color-bg);
  --pg-product-surface-card: var(--pg-color-card);
  --pg-product-surface-subtle: var(--pg-color-soft);
  --pg-product-text: var(--pg-color-ink);
  --pg-product-text-muted: #5B717E;
}

:where(.pg-product, [data-pg-profile="product"])[data-pg-theme="dark"],
[data-pg-theme="dark"] :where(.pg-product, [data-pg-profile="product"]),
:where(.pg-product, [data-pg-profile="product"])[data-theme="dark"],
html[data-theme="dark"] :where(.pg-product, [data-pg-profile="product"]) {
  --pg-product-action-text: #0C1C24;
  --pg-product-color-scheme: dark;
  --pg-product-success-bg: #173D2E;
  --pg-product-success-text: #8FDCB8;
  --pg-product-text-muted: #93ADBA;
}