/* Pleat — generated from tokens.json */
:root, [data-theme="light"], [data-theme="auto"] {
  --pl-color-surface-raised: #ffffff;
  --pl-color-surface-default: #f8fbfa;
  --pl-color-surface-lowered: #edf2f1;
  --pl-color-surface-border: #d7e0df;
  --pl-color-text-normal: #172220;
  --pl-color-text-quiet: #586764;
  --pl-color-text-link: var(--pl-color-brand-on-quiet);
  --pl-color-brand-fill-loud: #097d72;
  --pl-color-brand-fill-normal: #c8ece6;
  --pl-color-brand-fill-quiet: #e7f9f6;
  --pl-color-brand-border-loud: #3e998e;
  --pl-color-brand-border-normal: #a4d2cb;
  --pl-color-brand-border-quiet: #c7e6e0;
  --pl-color-brand-on-loud: #ffffff;
  --pl-color-brand-on-normal: #05544c;
  --pl-color-brand-on-quiet: #05665d;
  --pl-color-neutral-fill-loud: #24312f;
  --pl-color-neutral-fill-normal: #dfe4e3;
  --pl-color-neutral-fill-quiet: #f2f5f5;
  --pl-color-neutral-border-loud: #808c8a;
  --pl-color-neutral-border-normal: #c2c9c8;
  --pl-color-neutral-border-quiet: #dadfde;
  --pl-color-neutral-on-loud: #ffffff;
  --pl-color-neutral-on-normal: #404a48;
  --pl-color-neutral-on-quiet: #505b59;
  --pl-color-success-fill-loud: #00823a;
  --pl-color-success-fill-normal: #cbedd1;
  --pl-color-success-fill-quiet: #e8faeb;
  --pl-color-success-border-loud: #4a9a5e;
  --pl-color-success-border-normal: #a9d4b0;
  --pl-color-success-border-quiet: #cae7cf;
  --pl-color-success-on-loud: #ffffff;
  --pl-color-success-on-normal: #095727;
  --pl-color-success-on-quiet: #0f6a31;
  --pl-color-warning-fill-loud: #f5af20;
  --pl-color-warning-fill-normal: #f8dfba;
  --pl-color-warning-fill-quiet: #fff3e1;
  --pl-color-warning-border-loud: #b68115;
  --pl-color-warning-border-normal: #e1c292;
  --pl-color-warning-border-quiet: #f0dbbb;
  --pl-color-warning-on-loud: #3f2901;
  --pl-color-warning-on-normal: #604102;
  --pl-color-warning-on-quiet: #755000;
  --pl-color-danger-fill-loud: #c2272d;
  --pl-color-danger-fill-normal: #fed9d5;
  --pl-color-danger-fill-quiet: #fef1f0;
  --pl-color-danger-border-loud: #de6660;
  --pl-color-danger-border-normal: #fab2ab;
  --pl-color-danger-border-quiet: #fed2cd;
  --pl-color-danger-on-loud: #ffffff;
  --pl-color-danger-on-normal: #801e1f;
  --pl-color-danger-on-quiet: #9b2729;
  --pl-color-focus: #088378;
  --pl-color-overlay: rgba(16, 20, 24, 0.45);
  --pl-shadow-s: 0 1px 2px rgba(16, 24, 32, 0.06), 0 1px 3px rgba(16, 24, 32, 0.08);
  --pl-shadow-m: 0 4px 8px -2px rgba(16, 24, 32, 0.08), 0 2px 4px -2px rgba(16, 24, 32, 0.06);
  --pl-shadow-l: 0 16px 32px -8px rgba(16, 24, 32, 0.18), 0 4px 8px -4px rgba(16, 24, 32, 0.08);
}
[data-theme="dark"] {
  --pl-color-surface-raised: #1a2221;
  --pl-color-surface-default: #121918;
  --pl-color-surface-lowered: #0b1110;
  --pl-color-surface-border: #2e3836;
  --pl-color-text-normal: #e9f0ef;
  --pl-color-text-quiet: #a2aeac;
  --pl-color-brand-fill-loud: #41ac9f;
  --pl-color-brand-fill-normal: #173d38;
  --pl-color-brand-fill-quiet: #152a27;
  --pl-color-brand-border-loud: #338077;
  --pl-color-brand-border-normal: #2b5650;
  --pl-color-brand-border-quiet: #213b37;
  --pl-color-brand-on-loud: #00201d;
  --pl-color-brand-on-normal: #b8e2db;
  --pl-color-brand-on-quiet: #8dccc2;
  --pl-color-neutral-fill-loud: #ccdbd8;
  --pl-color-neutral-fill-normal: #313736;
  --pl-color-neutral-fill-quiet: #232625;
  --pl-color-neutral-border-loud: #6a7472;
  --pl-color-neutral-border-normal: #484f4d;
  --pl-color-neutral-border-quiet: #323636;
  --pl-color-neutral-on-loud: #171c1b;
  --pl-color-neutral-on-normal: #d3d9d8;
  --pl-color-neutral-on-quiet: #b7c0be;
  --pl-color-success-fill-loud: #52af6a;
  --pl-color-success-fill-normal: #1c3e24;
  --pl-color-success-fill-quiet: #172a1b;
  --pl-color-success-border-loud: #3e8250;
  --pl-color-success-border-normal: #305739;
  --pl-color-success-border-quiet: #243c29;
  --pl-color-success-on-loud: #04210d;
  --pl-color-success-on-normal: #bce3c3;
  --pl-color-success-on-quiet: #94cf9f;
  --pl-color-warning-fill-loud: #f0b140;
  --pl-color-warning-fill-normal: #473106;
  --pl-color-warning-fill-quiet: #30230d;
  --pl-color-warning-border-loud: #956809;
  --pl-color-warning-border-normal: #634819;
  --pl-color-warning-border-quiet: #433217;
  --pl-color-warning-on-loud: #261700;
  --pl-color-warning-on-normal: #efd3a8;
  --pl-color-warning-on-quiet: #e0b675;
  --pl-color-danger-fill-loud: #ef6660;
  --pl-color-danger-fill-normal: #562321;
  --pl-color-danger-fill-quiet: #391b19;
  --pl-color-danger-border-loud: #b24d48;
  --pl-color-danger-border-normal: #753835;
  --pl-color-danger-border-quiet: #4f2926;
  --pl-color-danger-on-loud: #330a0a;
  --pl-color-danger-on-normal: #fec8c3;
  --pl-color-danger-on-quiet: #ffa098;
  --pl-color-focus: #3ebbac;
  --pl-color-overlay: rgba(0, 0, 0, 0.62);
  --pl-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.4);
  --pl-shadow-m: 0 4px 10px -2px rgba(0, 0, 0, 0.5);
  --pl-shadow-l: 0 16px 40px -8px rgba(0, 0, 0, 0.65);
}
[data-theme="cobalt"], [data-theme="cobalt-auto"] {
  --pl-color-surface-raised: #ffffff;
  --pl-color-surface-default: #f9fafc;
  --pl-color-surface-lowered: #eff1f5;
  --pl-color-surface-border: #dadee5;
  --pl-color-text-normal: #1b1f27;
  --pl-color-text-quiet: #5d646e;
  --pl-color-brand-fill-loud: #2966cc;
  --pl-color-brand-fill-normal: #d4e4fe;
  --pl-color-brand-fill-quiet: #eff5ff;
  --pl-color-brand-border-loud: #598bde;
  --pl-color-brand-border-normal: #abc9fa;
  --pl-color-brand-border-quiet: #ccdffe;
  --pl-color-brand-on-loud: #ffffff;
  --pl-color-brand-on-normal: #1d4587;
  --pl-color-brand-on-quiet: #2655a2;
  --pl-color-neutral-fill-loud: #292e37;
  --pl-color-neutral-fill-normal: #e0e3e7;
  --pl-color-neutral-fill-quiet: #f3f4f7;
  --pl-color-neutral-border-loud: #868b94;
  --pl-color-neutral-border-normal: #c4c7cd;
  --pl-color-neutral-border-quiet: #dcdee2;
  --pl-color-neutral-on-loud: #ffffff;
  --pl-color-neutral-on-normal: #44484f;
  --pl-color-neutral-on-quiet: #535860;
  --pl-color-success-fill-loud: #00823a;
  --pl-color-success-fill-normal: #cbedd1;
  --pl-color-success-fill-quiet: #e8faeb;
  --pl-color-success-border-loud: #4a9a5e;
  --pl-color-success-border-normal: #a9d4b0;
  --pl-color-success-border-quiet: #cae7cf;
  --pl-color-success-on-loud: #ffffff;
  --pl-color-success-on-normal: #095727;
  --pl-color-success-on-quiet: #0f6a31;
  --pl-color-warning-fill-loud: #f5af20;
  --pl-color-warning-fill-normal: #f8dfba;
  --pl-color-warning-fill-quiet: #fff3e1;
  --pl-color-warning-border-loud: #b68115;
  --pl-color-warning-border-normal: #e1c292;
  --pl-color-warning-border-quiet: #f0dbbb;
  --pl-color-warning-on-loud: #3f2901;
  --pl-color-warning-on-normal: #604102;
  --pl-color-warning-on-quiet: #755000;
  --pl-color-danger-fill-loud: #c2272d;
  --pl-color-danger-fill-normal: #fed9d5;
  --pl-color-danger-fill-quiet: #fef1f0;
  --pl-color-danger-border-loud: #de6660;
  --pl-color-danger-border-normal: #fab2ab;
  --pl-color-danger-border-quiet: #fed2cd;
  --pl-color-danger-on-loud: #ffffff;
  --pl-color-danger-on-normal: #801e1f;
  --pl-color-danger-on-quiet: #9b2729;
  --pl-color-focus: #2f6dd3;
  --pl-color-overlay: rgba(16, 20, 24, 0.45);
  --pl-shadow-s: 0 1px 2px rgba(16, 24, 32, 0.06), 0 1px 3px rgba(16, 24, 32, 0.08);
  --pl-shadow-m: 0 4px 8px -2px rgba(16, 24, 32, 0.08), 0 2px 4px -2px rgba(16, 24, 32, 0.06);
  --pl-shadow-l: 0 16px 32px -8px rgba(16, 24, 32, 0.18), 0 4px 8px -4px rgba(16, 24, 32, 0.08);
}
[data-theme="cobalt-dark"] {
  --pl-color-surface-raised: #1d2126;
  --pl-color-surface-default: #15171c;
  --pl-color-surface-lowered: #0d1013;
  --pl-color-surface-border: #31363d;
  --pl-color-text-normal: #ebeff4;
  --pl-color-text-quiet: #a6abb4;
  --pl-color-brand-fill-loud: #5e97f5;
  --pl-color-brand-fill-normal: #203558;
  --pl-color-brand-fill-quiet: #19253a;
  --pl-color-brand-border-loud: #4771b6;
  --pl-color-brand-border-normal: #344d77;
  --pl-color-brand-border-quiet: #263650;
  --pl-color-brand-on-loud: #091a36;
  --pl-color-brand-on-normal: #c2d9ff;
  --pl-color-brand-on-quiet: #98bffe;
  --pl-color-neutral-fill-loud: #d1d8e2;
  --pl-color-neutral-fill-normal: #333539;
  --pl-color-neutral-fill-quiet: #242527;
  --pl-color-neutral-border-loud: #6d7279;
  --pl-color-neutral-border-normal: #4a4d52;
  --pl-color-neutral-border-quiet: #343538;
  --pl-color-neutral-on-loud: #191b1e;
  --pl-color-neutral-on-normal: #d5d8dc;
  --pl-color-neutral-on-quiet: #babec5;
  --pl-color-success-fill-loud: #52af6a;
  --pl-color-success-fill-normal: #1c3e24;
  --pl-color-success-fill-quiet: #172a1b;
  --pl-color-success-border-loud: #3e8250;
  --pl-color-success-border-normal: #305739;
  --pl-color-success-border-quiet: #243c29;
  --pl-color-success-on-loud: #04210d;
  --pl-color-success-on-normal: #bce3c3;
  --pl-color-success-on-quiet: #94cf9f;
  --pl-color-warning-fill-loud: #f0b140;
  --pl-color-warning-fill-normal: #473106;
  --pl-color-warning-fill-quiet: #30230d;
  --pl-color-warning-border-loud: #956809;
  --pl-color-warning-border-normal: #634819;
  --pl-color-warning-border-quiet: #433217;
  --pl-color-warning-on-loud: #261700;
  --pl-color-warning-on-normal: #efd3a8;
  --pl-color-warning-on-quiet: #e0b675;
  --pl-color-danger-fill-loud: #ef6660;
  --pl-color-danger-fill-normal: #562321;
  --pl-color-danger-fill-quiet: #391b19;
  --pl-color-danger-border-loud: #b24d48;
  --pl-color-danger-border-normal: #753835;
  --pl-color-danger-border-quiet: #4f2926;
  --pl-color-danger-on-loud: #330a0a;
  --pl-color-danger-on-normal: #fec8c3;
  --pl-color-danger-on-quiet: #ffa098;
  --pl-color-focus: #6ea4fe;
  --pl-color-overlay: rgba(0, 0, 0, 0.62);
  --pl-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.4);
  --pl-shadow-m: 0 4px 10px -2px rgba(0, 0, 0, 0.5);
  --pl-shadow-l: 0 16px 40px -8px rgba(0, 0, 0, 0.65);
}
[data-theme="persimmon"], [data-theme="persimmon-auto"] {
  --pl-color-surface-raised: #ffffff;
  --pl-color-surface-default: #fcf9f9;
  --pl-color-surface-lowered: #f5f0ee;
  --pl-color-surface-border: #e4dcd9;
  --pl-color-text-normal: #261d1a;
  --pl-color-text-quiet: #6d605c;
  --pl-color-brand-fill-loud: #b63e01;
  --pl-color-brand-fill-normal: #ffdacd;
  --pl-color-brand-fill-quiet: #fef1ed;
  --pl-color-brand-border-loud: #d36f4b;
  --pl-color-brand-border-normal: #f4b7a2;
  --pl-color-brand-border-quiet: #fdd3c5;
  --pl-color-brand-on-loud: #ffffff;
  --pl-color-brand-on-normal: #7a2a08;
  --pl-color-brand-on-quiet: #94350d;
  --pl-color-neutral-fill-loud: #362b27;
  --pl-color-neutral-fill-normal: #e7e2e0;
  --pl-color-neutral-fill-quiet: #f6f4f3;
  --pl-color-neutral-border-loud: #948986;
  --pl-color-neutral-border-normal: #ccc6c3;
  --pl-color-neutral-border-quiet: #e1dddb;
  --pl-color-neutral-on-loud: #ffffff;
  --pl-color-neutral-on-normal: #4e4643;
  --pl-color-neutral-on-quiet: #605652;
  --pl-color-success-fill-loud: #00823a;
  --pl-color-success-fill-normal: #cbedd1;
  --pl-color-success-fill-quiet: #e8faeb;
  --pl-color-success-border-loud: #4a9a5e;
  --pl-color-success-border-normal: #a9d4b0;
  --pl-color-success-border-quiet: #cae7cf;
  --pl-color-success-on-loud: #ffffff;
  --pl-color-success-on-normal: #095727;
  --pl-color-success-on-quiet: #0f6a31;
  --pl-color-warning-fill-loud: #f5af20;
  --pl-color-warning-fill-normal: #f8dfba;
  --pl-color-warning-fill-quiet: #fff3e1;
  --pl-color-warning-border-loud: #b68115;
  --pl-color-warning-border-normal: #e1c292;
  --pl-color-warning-border-quiet: #f0dbbb;
  --pl-color-warning-on-loud: #3f2901;
  --pl-color-warning-on-normal: #604102;
  --pl-color-warning-on-quiet: #755000;
  --pl-color-danger-fill-loud: #c2272d;
  --pl-color-danger-fill-normal: #fed9d5;
  --pl-color-danger-fill-quiet: #fef1f0;
  --pl-color-danger-border-loud: #de6660;
  --pl-color-danger-border-normal: #fab2ab;
  --pl-color-danger-border-quiet: #fed2cd;
  --pl-color-danger-on-loud: #ffffff;
  --pl-color-danger-on-normal: #801e1f;
  --pl-color-danger-on-quiet: #9b2729;
  --pl-color-focus: #bf4306;
  --pl-color-overlay: rgba(16, 20, 24, 0.45);
  --pl-shadow-s: 0 1px 2px rgba(16, 24, 32, 0.06), 0 1px 3px rgba(16, 24, 32, 0.08);
  --pl-shadow-m: 0 4px 8px -2px rgba(16, 24, 32, 0.08), 0 2px 4px -2px rgba(16, 24, 32, 0.06);
  --pl-shadow-l: 0 16px 32px -8px rgba(16, 24, 32, 0.18), 0 4px 8px -4px rgba(16, 24, 32, 0.08);
}
[data-theme="persimmon-dark"] {
  --pl-color-surface-raised: #261f1c;
  --pl-color-surface-default: #1b1614;
  --pl-color-surface-lowered: #130e0c;
  --pl-color-surface-border: #3c3330;
  --pl-color-text-normal: #f4edea;
  --pl-color-text-quiet: #b3a8a4;
  --pl-color-brand-fill-loud: #e57349;
  --pl-color-brand-fill-normal: #522819;
  --pl-color-brand-fill-quiet: #371e15;
  --pl-color-brand-border-loud: #aa5638;
  --pl-color-brand-border-normal: #703d2c;
  --pl-color-brand-border-quiet: #4c2c21;
  --pl-color-brand-on-loud: #310f03;
  --pl-color-brand-on-normal: #ffcab7;
  --pl-color-brand-on-quiet: #f7a78c;
  --pl-color-neutral-fill-loud: #e2d4d0;
  --pl-color-neutral-fill-normal: #393433;
  --pl-color-neutral-fill-quiet: #272424;
  --pl-color-neutral-border-loud: #786f6c;
  --pl-color-neutral-border-normal: #514c4a;
  --pl-color-neutral-border-quiet: #383433;
  --pl-color-neutral-on-loud: #1d1a18;
  --pl-color-neutral-on-normal: #dcd6d4;
  --pl-color-neutral-on-quiet: #c4bcb9;
  --pl-color-success-fill-loud: #52af6a;
  --pl-color-success-fill-normal: #1c3e24;
  --pl-color-success-fill-quiet: #172a1b;
  --pl-color-success-border-loud: #3e8250;
  --pl-color-success-border-normal: #305739;
  --pl-color-success-border-quiet: #243c29;
  --pl-color-success-on-loud: #04210d;
  --pl-color-success-on-normal: #bce3c3;
  --pl-color-success-on-quiet: #94cf9f;
  --pl-color-warning-fill-loud: #f0b140;
  --pl-color-warning-fill-normal: #473106;
  --pl-color-warning-fill-quiet: #30230d;
  --pl-color-warning-border-loud: #956809;
  --pl-color-warning-border-normal: #634819;
  --pl-color-warning-border-quiet: #433217;
  --pl-color-warning-on-loud: #261700;
  --pl-color-warning-on-normal: #efd3a8;
  --pl-color-warning-on-quiet: #e0b675;
  --pl-color-danger-fill-loud: #ef6660;
  --pl-color-danger-fill-normal: #562321;
  --pl-color-danger-fill-quiet: #391b19;
  --pl-color-danger-border-loud: #b24d48;
  --pl-color-danger-border-normal: #753835;
  --pl-color-danger-border-quiet: #4f2926;
  --pl-color-danger-on-loud: #330a0a;
  --pl-color-danger-on-normal: #fec8c3;
  --pl-color-danger-on-quiet: #ffa098;
  --pl-color-focus: #fb794a;
  --pl-color-overlay: rgba(0, 0, 0, 0.62);
  --pl-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.4);
  --pl-shadow-m: 0 4px 10px -2px rgba(0, 0, 0, 0.5);
  --pl-shadow-l: 0 16px 40px -8px rgba(0, 0, 0, 0.65);
}
/* Auto themes follow prefers-color-scheme: X-auto is X when light, X-dark when dark */
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --pl-color-surface-raised: #1a2221;
    --pl-color-surface-default: #121918;
    --pl-color-surface-lowered: #0b1110;
    --pl-color-surface-border: #2e3836;
    --pl-color-text-normal: #e9f0ef;
    --pl-color-text-quiet: #a2aeac;
    --pl-color-brand-fill-loud: #41ac9f;
    --pl-color-brand-fill-normal: #173d38;
    --pl-color-brand-fill-quiet: #152a27;
    --pl-color-brand-border-loud: #338077;
    --pl-color-brand-border-normal: #2b5650;
    --pl-color-brand-border-quiet: #213b37;
    --pl-color-brand-on-loud: #00201d;
    --pl-color-brand-on-normal: #b8e2db;
    --pl-color-brand-on-quiet: #8dccc2;
    --pl-color-neutral-fill-loud: #ccdbd8;
    --pl-color-neutral-fill-normal: #313736;
    --pl-color-neutral-fill-quiet: #232625;
    --pl-color-neutral-border-loud: #6a7472;
    --pl-color-neutral-border-normal: #484f4d;
    --pl-color-neutral-border-quiet: #323636;
    --pl-color-neutral-on-loud: #171c1b;
    --pl-color-neutral-on-normal: #d3d9d8;
    --pl-color-neutral-on-quiet: #b7c0be;
    --pl-color-success-fill-loud: #52af6a;
    --pl-color-success-fill-normal: #1c3e24;
    --pl-color-success-fill-quiet: #172a1b;
    --pl-color-success-border-loud: #3e8250;
    --pl-color-success-border-normal: #305739;
    --pl-color-success-border-quiet: #243c29;
    --pl-color-success-on-loud: #04210d;
    --pl-color-success-on-normal: #bce3c3;
    --pl-color-success-on-quiet: #94cf9f;
    --pl-color-warning-fill-loud: #f0b140;
    --pl-color-warning-fill-normal: #473106;
    --pl-color-warning-fill-quiet: #30230d;
    --pl-color-warning-border-loud: #956809;
    --pl-color-warning-border-normal: #634819;
    --pl-color-warning-border-quiet: #433217;
    --pl-color-warning-on-loud: #261700;
    --pl-color-warning-on-normal: #efd3a8;
    --pl-color-warning-on-quiet: #e0b675;
    --pl-color-danger-fill-loud: #ef6660;
    --pl-color-danger-fill-normal: #562321;
    --pl-color-danger-fill-quiet: #391b19;
    --pl-color-danger-border-loud: #b24d48;
    --pl-color-danger-border-normal: #753835;
    --pl-color-danger-border-quiet: #4f2926;
    --pl-color-danger-on-loud: #330a0a;
    --pl-color-danger-on-normal: #fec8c3;
    --pl-color-danger-on-quiet: #ffa098;
    --pl-color-focus: #3ebbac;
    --pl-color-overlay: rgba(0, 0, 0, 0.62);
    --pl-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.4);
    --pl-shadow-m: 0 4px 10px -2px rgba(0, 0, 0, 0.5);
    --pl-shadow-l: 0 16px 40px -8px rgba(0, 0, 0, 0.65);
  }
  [data-theme="cobalt-auto"] {
    --pl-color-surface-raised: #1d2126;
    --pl-color-surface-default: #15171c;
    --pl-color-surface-lowered: #0d1013;
    --pl-color-surface-border: #31363d;
    --pl-color-text-normal: #ebeff4;
    --pl-color-text-quiet: #a6abb4;
    --pl-color-brand-fill-loud: #5e97f5;
    --pl-color-brand-fill-normal: #203558;
    --pl-color-brand-fill-quiet: #19253a;
    --pl-color-brand-border-loud: #4771b6;
    --pl-color-brand-border-normal: #344d77;
    --pl-color-brand-border-quiet: #263650;
    --pl-color-brand-on-loud: #091a36;
    --pl-color-brand-on-normal: #c2d9ff;
    --pl-color-brand-on-quiet: #98bffe;
    --pl-color-neutral-fill-loud: #d1d8e2;
    --pl-color-neutral-fill-normal: #333539;
    --pl-color-neutral-fill-quiet: #242527;
    --pl-color-neutral-border-loud: #6d7279;
    --pl-color-neutral-border-normal: #4a4d52;
    --pl-color-neutral-border-quiet: #343538;
    --pl-color-neutral-on-loud: #191b1e;
    --pl-color-neutral-on-normal: #d5d8dc;
    --pl-color-neutral-on-quiet: #babec5;
    --pl-color-success-fill-loud: #52af6a;
    --pl-color-success-fill-normal: #1c3e24;
    --pl-color-success-fill-quiet: #172a1b;
    --pl-color-success-border-loud: #3e8250;
    --pl-color-success-border-normal: #305739;
    --pl-color-success-border-quiet: #243c29;
    --pl-color-success-on-loud: #04210d;
    --pl-color-success-on-normal: #bce3c3;
    --pl-color-success-on-quiet: #94cf9f;
    --pl-color-warning-fill-loud: #f0b140;
    --pl-color-warning-fill-normal: #473106;
    --pl-color-warning-fill-quiet: #30230d;
    --pl-color-warning-border-loud: #956809;
    --pl-color-warning-border-normal: #634819;
    --pl-color-warning-border-quiet: #433217;
    --pl-color-warning-on-loud: #261700;
    --pl-color-warning-on-normal: #efd3a8;
    --pl-color-warning-on-quiet: #e0b675;
    --pl-color-danger-fill-loud: #ef6660;
    --pl-color-danger-fill-normal: #562321;
    --pl-color-danger-fill-quiet: #391b19;
    --pl-color-danger-border-loud: #b24d48;
    --pl-color-danger-border-normal: #753835;
    --pl-color-danger-border-quiet: #4f2926;
    --pl-color-danger-on-loud: #330a0a;
    --pl-color-danger-on-normal: #fec8c3;
    --pl-color-danger-on-quiet: #ffa098;
    --pl-color-focus: #6ea4fe;
    --pl-color-overlay: rgba(0, 0, 0, 0.62);
    --pl-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.4);
    --pl-shadow-m: 0 4px 10px -2px rgba(0, 0, 0, 0.5);
    --pl-shadow-l: 0 16px 40px -8px rgba(0, 0, 0, 0.65);
  }
  [data-theme="persimmon-auto"] {
    --pl-color-surface-raised: #261f1c;
    --pl-color-surface-default: #1b1614;
    --pl-color-surface-lowered: #130e0c;
    --pl-color-surface-border: #3c3330;
    --pl-color-text-normal: #f4edea;
    --pl-color-text-quiet: #b3a8a4;
    --pl-color-brand-fill-loud: #e57349;
    --pl-color-brand-fill-normal: #522819;
    --pl-color-brand-fill-quiet: #371e15;
    --pl-color-brand-border-loud: #aa5638;
    --pl-color-brand-border-normal: #703d2c;
    --pl-color-brand-border-quiet: #4c2c21;
    --pl-color-brand-on-loud: #310f03;
    --pl-color-brand-on-normal: #ffcab7;
    --pl-color-brand-on-quiet: #f7a78c;
    --pl-color-neutral-fill-loud: #e2d4d0;
    --pl-color-neutral-fill-normal: #393433;
    --pl-color-neutral-fill-quiet: #272424;
    --pl-color-neutral-border-loud: #786f6c;
    --pl-color-neutral-border-normal: #514c4a;
    --pl-color-neutral-border-quiet: #383433;
    --pl-color-neutral-on-loud: #1d1a18;
    --pl-color-neutral-on-normal: #dcd6d4;
    --pl-color-neutral-on-quiet: #c4bcb9;
    --pl-color-success-fill-loud: #52af6a;
    --pl-color-success-fill-normal: #1c3e24;
    --pl-color-success-fill-quiet: #172a1b;
    --pl-color-success-border-loud: #3e8250;
    --pl-color-success-border-normal: #305739;
    --pl-color-success-border-quiet: #243c29;
    --pl-color-success-on-loud: #04210d;
    --pl-color-success-on-normal: #bce3c3;
    --pl-color-success-on-quiet: #94cf9f;
    --pl-color-warning-fill-loud: #f0b140;
    --pl-color-warning-fill-normal: #473106;
    --pl-color-warning-fill-quiet: #30230d;
    --pl-color-warning-border-loud: #956809;
    --pl-color-warning-border-normal: #634819;
    --pl-color-warning-border-quiet: #433217;
    --pl-color-warning-on-loud: #261700;
    --pl-color-warning-on-normal: #efd3a8;
    --pl-color-warning-on-quiet: #e0b675;
    --pl-color-danger-fill-loud: #ef6660;
    --pl-color-danger-fill-normal: #562321;
    --pl-color-danger-fill-quiet: #391b19;
    --pl-color-danger-border-loud: #b24d48;
    --pl-color-danger-border-normal: #753835;
    --pl-color-danger-border-quiet: #4f2926;
    --pl-color-danger-on-loud: #330a0a;
    --pl-color-danger-on-normal: #fec8c3;
    --pl-color-danger-on-quiet: #ffa098;
    --pl-color-focus: #fb794a;
    --pl-color-overlay: rgba(0, 0, 0, 0.62);
    --pl-shadow-s: 0 1px 2px rgba(0, 0, 0, 0.4);
    --pl-shadow-m: 0 4px 10px -2px rgba(0, 0, 0, 0.5);
    --pl-shadow-l: 0 16px 40px -8px rgba(0, 0, 0, 0.65);
  }
}
:root {
  --pl-space-3xs: 0.125rem;
  --pl-space-2xs: 0.25rem;
  --pl-space-xs: 0.5rem;
  --pl-space-s: 0.75rem;
  --pl-space-m: 1rem;
  --pl-space-l: 1.5rem;
  --pl-space-xl: 2rem;
  --pl-space-2xl: 3rem;
  --pl-space-3xl: 4rem;
  --pl-radius-s: 0.25rem;
  --pl-radius-m: 0.5rem;
  --pl-radius-l: 0.75rem;
  --pl-radius-xl: 1.25rem;
  --pl-radius-pill: 9999px;
  --pl-radius-circle: 50%;
  --pl-font-size-2xs: 0.6875rem;
  --pl-font-size-xs: 0.75rem;
  --pl-font-size-s: 0.875rem;
  --pl-font-size-m: 1rem;
  --pl-font-size-l: 1.125rem;
  --pl-font-size-xl: 1.375rem;
  --pl-font-size-2xl: 1.75rem;
  --pl-font-size-3xl: 2.25rem;
  --pl-font-size-4xl: 3rem;
  --pl-font-weight-normal: 400;
  --pl-font-weight-medium: 500;
  --pl-font-weight-semibold: 600;
  --pl-font-weight-bold: 700;
  --pl-control-height-s: 2rem;
  --pl-control-height-m: 2.5rem;
  --pl-control-height-l: 3rem;
  --pl-border-width-s: 1px;
  --pl-border-width-m: 2px;
  --pl-border-width-l: 3px;
  --pl-duration-fast: 100ms;
  --pl-duration-normal: 180ms;
  --pl-duration-slow: 280ms;
  --pl-z-dropdown: 900;
  --pl-z-tooltip: 1100;
  --font-pleat-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", "Noto Sans", Ubuntu, Cantarell, sans-serif;
  --font-pleat-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;
}
.pl-text-display { font-family: var(--font-pleat-sans); font-size: 3rem; line-height: 1.1; font-weight: 700; letter-spacing: -0.02em; }
.pl-text-heading-1 { font-family: var(--font-pleat-sans); font-size: 2.25rem; line-height: 1.15; font-weight: 700; letter-spacing: -0.015em; }
.pl-text-heading-2 { font-family: var(--font-pleat-sans); font-size: 1.75rem; line-height: 1.2; font-weight: 650; letter-spacing: -0.01em; }
.pl-text-heading-3 { font-family: var(--font-pleat-sans); font-size: 1.375rem; line-height: 1.3; font-weight: 600; }
.pl-text-heading-4 { font-family: var(--font-pleat-sans); font-size: 1.125rem; line-height: 1.4; font-weight: 600; }
.pl-text-body-large { font-family: var(--font-pleat-sans); font-size: 1.125rem; line-height: 1.6; font-weight: 400; }
.pl-text-body { font-family: var(--font-pleat-sans); font-size: 1rem; line-height: 1.6; font-weight: 400; }
.pl-text-body-small { font-family: var(--font-pleat-sans); font-size: 0.875rem; line-height: 1.5; font-weight: 400; }
.pl-text-caption { font-family: var(--font-pleat-sans); font-size: 0.75rem; line-height: 1.4; font-weight: 500; letter-spacing: 0.02em; }
.pl-text-code { font-family: var(--font-pleat-mono); font-size: 0.875em; line-height: 1.5; font-weight: 400; }