/* Generated from company-design-system 1.0.2. Run php scripts/company-design.php. */
:root {
  --plnr-space-1: 4px;
  --plnr-space-2: 8px;
  --plnr-space-3: 12px;
  --plnr-space-4: 16px;
  --plnr-space-6: 24px;
  --plnr-space-8: 32px;
  --plnr-space-12: 48px;
  --plnr-space-optical: 2px;
  --plnr-type-metadata: 12px;
  --plnr-type-control: 13px;
  --plnr-type-body: 14px;
  --plnr-type-reading: 16px;
  --plnr-type-heading: 20px;
  --plnr-type-title: 24px;
  --plnr-weight-normal: 400;
  --plnr-weight-medium: 500;
  --plnr-weight-strong: 600;
  --plnr-leading-tight: 1.25;
  --plnr-leading-ui: 1.5;
  --plnr-leading-reading: 1.65;
  --plnr-radius-control: 4px;
  --plnr-radius-sm: 6px;
  --plnr-radius-md: 8px;
  --plnr-radius-round: 50%;
  --plnr-radius-pill: 999px;
  --plnr-ease-standard: cubic-bezier(.2, 0, 0, 1);
  --plnr-ease-startup: cubic-bezier(.42, 0, .58, 1);
  --plnr-ease-linear: linear;
  --plnr-stroke-divider: 1px;
  --plnr-stroke-focus: 2px;
  --plnr-size-icon: 16px;
  --plnr-size-icon-small: 14px;
  --plnr-size-icon-large: 18px;
  --plnr-size-target: 32px;
  --plnr-size-target-small: 24px;
  --plnr-size-field: 32px;
  --plnr-size-rail: 48px;
  --plnr-size-navigation: 200px;
  --plnr-size-switch: 40px;
  --plnr-size-popover-width: 360px;
  --plnr-duration-fast: 80ms;
  --plnr-duration-normal: 120ms;
  --plnr-duration-slow: 180ms;
  --plnr-font-ui: Inter, ui-sans-serif, system-ui, sans-serif;
}
:root, :root[data-theme="light"] {
  color-scheme: light;
  --plnr-bg: #f6f6f7;
  --plnr-surface: #fafafa;
  --plnr-surface-raised: #f0f0f2;
  --plnr-hover: #eaeaed;
  --plnr-selection: #e4e4e9;
  --plnr-search-surface: #f0f0f2;
  --plnr-text: #202024;
  --plnr-muted: #52525b;
  --plnr-subtle: #62626c;
  --plnr-border: rgba(20, 20, 24, 0.08);
  --plnr-border-strong: #797983;
  --plnr-accent: #4658d1;
  --plnr-accent-soft: #e9ebf8;
  --plnr-danger: #a52219;
  --plnr-success: #087044;
  --plnr-warning: #895000;
  --plnr-shadow: 0 8px 24px rgba(20, 20, 24, 0.12);
  --plnr-focus: #4658d1;
  --plnr-overlay-surface: #fafafa;
  --plnr-backdrop: rgba(20, 20, 24, 0.24);
  --plnr-on-accent: #fafafa;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #62626c;
  --plnr-accent-muted: #52525b;
  --plnr-accent-soft-hover: #eaeaed;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --plnr-bg: #0d0d0f;
  --plnr-surface: #131316;
  --plnr-surface-raised: #19191d;
  --plnr-hover: #202024;
  --plnr-selection: #27272d;
  --plnr-search-surface: #19191d;
  --plnr-text: #f2f2f3;
  --plnr-muted: #a1a1aa;
  --plnr-subtle: #90909a;
  --plnr-border: rgba(255, 255, 255, 0.08);
  --plnr-border-strong: #777780;
  --plnr-accent: #a5b4fc;
  --plnr-accent-soft: #25283d;
  --plnr-danger: #ffa69d;
  --plnr-success: #75d6b4;
  --plnr-warning: #f4bd72;
  --plnr-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  --plnr-focus: #a5b4fc;
  --plnr-overlay-surface: #19191d;
  --plnr-backdrop: rgba(0, 0, 0, 0.48);
  --plnr-on-accent: #131316;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #a1a1aa;
  --plnr-accent-muted: #a1a1aa;
  --plnr-accent-soft-hover: #202024;
}
:root[data-theme="midnight"] {
  color-scheme: dark;
  --plnr-bg: #090f1c;
  --plnr-surface: #101827;
  --plnr-surface-raised: #172234;
  --plnr-hover: #1c2b40;
  --plnr-selection: #23334b;
  --plnr-search-surface: #172234;
  --plnr-text: #edf2fa;
  --plnr-muted: #b2bfd2;
  --plnr-subtle: #a4b2c8;
  --plnr-border: rgba(255, 255, 255, 0.08);
  --plnr-border-strong: #8190a8;
  --plnr-accent: #a8c8ff;
  --plnr-accent-soft: #203554;
  --plnr-danger: #ffa69d;
  --plnr-success: #75d6b4;
  --plnr-warning: #f4bd72;
  --plnr-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  --plnr-focus: #a8c8ff;
  --plnr-overlay-surface: #172234;
  --plnr-backdrop: rgba(0, 0, 0, 0.48);
  --plnr-on-accent: #101827;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #b2bfd2;
  --plnr-accent-muted: #b2bfd2;
  --plnr-accent-soft-hover: #1c2b40;
}
:root[data-theme="sepia"] {
  color-scheme: light;
  --plnr-bg: #f5efe3;
  --plnr-surface: #faf5eb;
  --plnr-surface-raised: #eee5d6;
  --plnr-hover: #e8ddcb;
  --plnr-selection: #e2d5bf;
  --plnr-search-surface: #eee5d6;
  --plnr-text: #30291f;
  --plnr-muted: #5c5041;
  --plnr-subtle: #655744;
  --plnr-border: rgba(48, 41, 31, 0.10);
  --plnr-border-strong: #80705a;
  --plnr-accent: #78512d;
  --plnr-accent-soft: #ede0cb;
  --plnr-danger: #971f19;
  --plnr-success: #076039;
  --plnr-warning: #754300;
  --plnr-shadow: 0 8px 24px rgba(20, 20, 24, 0.12);
  --plnr-focus: #78512d;
  --plnr-overlay-surface: #faf5eb;
  --plnr-backdrop: rgba(20, 20, 24, 0.24);
  --plnr-on-accent: #faf5eb;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #655744;
  --plnr-accent-muted: #5c5041;
  --plnr-accent-soft-hover: #e8ddcb;
}
:root[data-theme="forest"] {
  color-scheme: dark;
  --plnr-bg: #101a16;
  --plnr-surface: #16221c;
  --plnr-surface-raised: #1e2d25;
  --plnr-hover: #27382e;
  --plnr-selection: #304337;
  --plnr-search-surface: #1e2d25;
  --plnr-text: #eef5f0;
  --plnr-muted: #bbcec0;
  --plnr-subtle: #afc4b5;
  --plnr-border: rgba(255, 255, 255, 0.08);
  --plnr-border-strong: #8da997;
  --plnr-accent: #9fd6b5;
  --plnr-accent-soft: #263e30;
  --plnr-danger: #ffa69d;
  --plnr-success: #75d6b4;
  --plnr-warning: #f4bd72;
  --plnr-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  --plnr-focus: #9fd6b5;
  --plnr-overlay-surface: #1e2d25;
  --plnr-backdrop: rgba(0, 0, 0, 0.48);
  --plnr-on-accent: #16221c;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #bbcec0;
  --plnr-accent-muted: #bbcec0;
  --plnr-accent-soft-hover: #27382e;
}
:root[data-theme="aubergine"] {
  color-scheme: dark;
  --plnr-bg: #1a131e;
  --plnr-surface: #231a28;
  --plnr-surface-raised: #2e2335;
  --plnr-hover: #392b41;
  --plnr-selection: #43334b;
  --plnr-search-surface: #2e2335;
  --plnr-text: #f5eef8;
  --plnr-muted: #d0bed9;
  --plnr-subtle: #c3afce;
  --plnr-border: rgba(255, 255, 255, 0.08);
  --plnr-border-strong: #aa91b7;
  --plnr-accent: #dab6ea;
  --plnr-accent-soft: #412c4e;
  --plnr-danger: #ffa69d;
  --plnr-success: #75d6b4;
  --plnr-warning: #f4bd72;
  --plnr-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  --plnr-focus: #dab6ea;
  --plnr-overlay-surface: #2e2335;
  --plnr-backdrop: rgba(0, 0, 0, 0.48);
  --plnr-on-accent: #231a28;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #d0bed9;
  --plnr-accent-muted: #d0bed9;
  --plnr-accent-soft-hover: #392b41;
}
:root[data-theme="rose"] {
  color-scheme: light;
  --plnr-bg: #f7eff2;
  --plnr-surface: #fcf7f9;
  --plnr-surface-raised: #f0e4e9;
  --plnr-hover: #ecdde4;
  --plnr-selection: #e7d7df;
  --plnr-search-surface: #f0e4e9;
  --plnr-text: #33242b;
  --plnr-muted: #604652;
  --plnr-subtle: #684d59;
  --plnr-border: rgba(51, 36, 43, 0.10);
  --plnr-border-strong: #8b6b7a;
  --plnr-accent: #8a3d5c;
  --plnr-accent-soft: #eedce4;
  --plnr-danger: #971f19;
  --plnr-success: #076039;
  --plnr-warning: #754300;
  --plnr-shadow: 0 8px 24px rgba(20, 20, 24, 0.12);
  --plnr-focus: #8a3d5c;
  --plnr-overlay-surface: #fcf7f9;
  --plnr-backdrop: rgba(20, 20, 24, 0.24);
  --plnr-on-accent: #fcf7f9;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #684d59;
  --plnr-accent-muted: #604652;
  --plnr-accent-soft-hover: #ecdde4;
}
:root[data-theme="sand"] {
  color-scheme: light;
  --plnr-bg: #f3f0e6;
  --plnr-surface: #faf8f1;
  --plnr-surface-raised: #ebe7db;
  --plnr-hover: #e7e2d3;
  --plnr-selection: #e3dfce;
  --plnr-search-surface: #ebe7db;
  --plnr-text: #302e25;
  --plnr-muted: #585443;
  --plnr-subtle: #625d49;
  --plnr-border: rgba(48, 46, 37, 0.10);
  --plnr-border-strong: #7f7962;
  --plnr-accent: #6d632e;
  --plnr-accent-soft: #eae4ce;
  --plnr-danger: #971f19;
  --plnr-success: #076039;
  --plnr-warning: #754300;
  --plnr-shadow: 0 8px 24px rgba(20, 20, 24, 0.12);
  --plnr-focus: #6d632e;
  --plnr-overlay-surface: #faf8f1;
  --plnr-backdrop: rgba(20, 20, 24, 0.24);
  --plnr-on-accent: #faf8f1;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #625d49;
  --plnr-accent-muted: #585443;
  --plnr-accent-soft-hover: #e7e2d3;
}
:root[data-theme="slate"] {
  color-scheme: dark;
  --plnr-bg: #18212b;
  --plnr-surface: #1f2a35;
  --plnr-surface-raised: #283542;
  --plnr-hover: #30404e;
  --plnr-selection: #384958;
  --plnr-search-surface: #283542;
  --plnr-text: #f0f4f8;
  --plnr-muted: #c4cfdc;
  --plnr-subtle: #b7c5d4;
  --plnr-border: rgba(255, 255, 255, 0.08);
  --plnr-border-strong: #9bafc2;
  --plnr-accent: #bdd0e8;
  --plnr-accent-soft: #33495f;
  --plnr-danger: #ffa69d;
  --plnr-success: #75d6b4;
  --plnr-warning: #f4bd72;
  --plnr-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  --plnr-focus: #bdd0e8;
  --plnr-overlay-surface: #283542;
  --plnr-backdrop: rgba(0, 0, 0, 0.48);
  --plnr-on-accent: #1f2a35;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #c4cfdc;
  --plnr-accent-muted: #c4cfdc;
  --plnr-accent-soft-hover: #30404e;
}
:root[data-theme="warm-charcoal"] {
  color-scheme: dark;
  --plnr-bg: #1d1a18;
  --plnr-surface: #25211e;
  --plnr-surface-raised: #302a26;
  --plnr-hover: #3b332d;
  --plnr-selection: #453b33;
  --plnr-search-surface: #302a26;
  --plnr-text: #f5f0eb;
  --plnr-muted: #d2c4b8;
  --plnr-subtle: #c4b5a7;
  --plnr-border: rgba(255, 255, 255, 0.08);
  --plnr-border-strong: #ac9683;
  --plnr-accent: #e3b78c;
  --plnr-accent-soft: #493829;
  --plnr-danger: #ffa69d;
  --plnr-success: #75d6b4;
  --plnr-warning: #f4bd72;
  --plnr-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  --plnr-focus: #e3b78c;
  --plnr-overlay-surface: #302a26;
  --plnr-backdrop: rgba(0, 0, 0, 0.48);
  --plnr-on-accent: #25211e;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #d2c4b8;
  --plnr-accent-muted: #d2c4b8;
  --plnr-accent-soft-hover: #3b332d;
}
:root[data-theme="dark-pink"] {
  color-scheme: dark;
  --plnr-bg: #0d0d0f;
  --plnr-surface: #131316;
  --plnr-surface-raised: #19191d;
  --plnr-hover: #202024;
  --plnr-selection: #27272d;
  --plnr-search-surface: #19191d;
  --plnr-text: #f2f2f3;
  --plnr-muted: #a1a1aa;
  --plnr-subtle: #90909a;
  --plnr-border: rgba(255, 255, 255, 0.08);
  --plnr-border-strong: #777780;
  --plnr-accent: #ff63b8;
  --plnr-accent-soft: #34212b;
  --plnr-danger: #ffa69d;
  --plnr-success: #75d6b4;
  --plnr-warning: #f4bd72;
  --plnr-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  --plnr-focus: #ff63b8;
  --plnr-overlay-surface: #19191d;
  --plnr-backdrop: rgba(0, 0, 0, 0.48);
  --plnr-on-accent: #131316;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #a1a1aa;
  --plnr-accent-muted: #de79b3;
  --plnr-accent-soft-hover: #522b40;
}
:root[data-theme="neon-purple"] {
  color-scheme: dark;
  --plnr-bg: #0d0d0f;
  --plnr-surface: #131316;
  --plnr-surface-raised: #19191d;
  --plnr-hover: #202024;
  --plnr-selection: #27272d;
  --plnr-search-surface: #19191d;
  --plnr-text: #f2f2f3;
  --plnr-muted: #a1a1aa;
  --plnr-subtle: #90909a;
  --plnr-border: rgba(255, 255, 255, 0.08);
  --plnr-border-strong: #777780;
  --plnr-accent: #c478ff;
  --plnr-accent-soft: #2c2239;
  --plnr-danger: #ffa69d;
  --plnr-success: #75d6b4;
  --plnr-warning: #f4bd72;
  --plnr-shadow: 0 8px 24px rgba(0, 0, 0, 0.32);
  --plnr-focus: #c478ff;
  --plnr-overlay-surface: #19191d;
  --plnr-backdrop: rgba(0, 0, 0, 0.48);
  --plnr-on-accent: #131316;
  --plnr-on-danger: #fafafa;
  --plnr-danger-fill: #a52219;
  --plnr-danger-hover: #861a14;
  --plnr-avatar: #a1a1aa;
  --plnr-accent-muted: #b886e1;
  --plnr-accent-soft-hover: #432f57;
}