/* Generated by figma-console-mcp — do not edit by hand */
:root {
  --pl-green-100: #EDFAF3;
  --pl-green-200: #D4F3E3;
  --pl-green-300: #B2E9CD;
  --pl-green-400: #8FDEB5;
  --pl-green-500: #6DD49F;
  --pl-green-600: #4DCB8A;
  --pl-green-700: #41AD75;
  --pl-red-100: #FEF5F5;
  --pl-red-200: #FDE2E2;
  --pl-red-300: #FBC1C1;
  --pl-red-400: #FAB2B2;
  --pl-red-500: #F23535;
  --pl-red-600: #E10E0E;
  --pl-red-700: #CA0D0D;
  --pl-purple-100: #F2EBFF;
  --pl-purple-200: #DFCCFF;
  --pl-purple-300: #C5A4FE;
  --pl-purple-400: #8F4EFD;
  --pl-purple-500: #7F35FD;
  --pl-purple-600: #6207FD;
  --pl-purple-700: #4E02CF;
  --pl-blue-100: #E9F3FF;
  --pl-blue-200: #CAE1FF;
  --pl-blue-300: #A1CAFF;
  --pl-blue-400: #75B1FF;
  --pl-blue-500: #4B99FF;
  --pl-blue-600: #2483FF;
  --pl-blue-700: #005DD6;
  --pl-yellow-100: #FFFCE6;
  --pl-yellow-200: #FFF9D4;
  --pl-yellow-300: #FFF5B2;
  --pl-yellow-400: #FFF08F;
  --pl-yellow-500: #FFEB6D;
  --pl-yellow-600: #FFE74D;
  --pl-yellow-700: #F0CF00;
  --pl-orange-100: #FFF4E6;
  --pl-orange-200: #FFEED6;
  --pl-orange-300: #FFDFB2;
  --pl-orange-400: #FFD08F;
  --pl-orange-500: #FFC16B;
  --pl-orange-600: #FFB54D;
  --pl-orange-700: #FFA01A;
  --pl-neutral-100: #F7F7F8;
  --pl-neutral-200: #F1F2F3;
  --pl-neutral-300: #E4E5E7;
  --pl-neutral-400: #D9DADD;
  --pl-neutral-500: #B3B5BC;
  --pl-neutral-600: #90939D;
  --pl-neutral-700: #35363B;
  --pl-neutral-50: #FFFFFF;
  --pl-neutral-900: #020203;
  --pl-green-800: #379062;
  --pl-green-900: #19432D;
  --pl-red-800: #A80A0A;
  --pl-red-900: #3A0303;
  --pl-purple-800: #4601BC;
  --pl-purple-900: #2D0178;
  --pl-blue-800: #0032D7;
  --pl-blue-900: #00285C;
  --pl-yellow-800: #BDA300;
  --pl-yellow-900: #473E00;
  --pl-orange-800: #E58600;
  --pl-orange-900: #6B3F00;
  --pl-neutral-800: #1D1D20;
  --pl-neutral-850: #161618;
  --pl-green-850: #296B49;
  --pl-red-850: #7D0707;
  --pl-orange-850: #A15F00;
  --pl-purple-850: #3C01A2;
  --pl-yellow-850: #5C4F00;
  --pl-blue-850: #002E6B;
  --pl-neutral-650: #43454C;
  --pl-neutral-750: #1F2023;
  --pl-space-0: 0px;
  --pl-space-1: 4px;
  --pl-space-2: 8px;
  --pl-space-3: 12px;
  --pl-space-4: 16px;
  --pl-space-5: 20px;
  --pl-space-6: 24px;
  --pl-space-7: 32px;
  --pl-space-8: 40px;
  --pl-space-9: 48px;
  --pl-space-10: 64px;
  --pl-space-11: 80px;
  --pl-space-12: 96px;
}

:root {
  --pl-text-primary: var(--pl-neutral-900);
  --pl-text-secondary: var(--pl-neutral-650);
  --pl-text-disabled: var(--pl-neutral-500);
  --pl-text-inverse: var(--pl-neutral-50);
  --pl-text-link: var(--pl-blue-800);
  --pl-text-status-success: var(--pl-green-850);
  --pl-text-status-warning: var(--pl-orange-850);
  --pl-text-status-danger: var(--pl-red-700);
  --pl-text-status-neutral: var(--pl-neutral-900);
  --pl-text-status-red: var(--pl-red-800);
  --pl-text-status-purple: var(--pl-purple-850);
  --pl-text-status-green: var(--pl-green-850);
  --pl-text-status-yellow: var(--pl-yellow-850);
  --pl-text-status-orange: var(--pl-orange-850);
  --pl-text-status-blue: var(--pl-blue-850);
  --pl-bg-default: var(--pl-neutral-50);
  --pl-bg-subtle: var(--pl-neutral-200);
  --pl-bg-inverse: var(--pl-neutral-850);
  --pl-surface-default: var(--pl-neutral-50);
  --pl-surface-inset: var(--pl-neutral-200);
  --pl-surface-static-black: var(--pl-neutral-850);
  --pl-surface-disabled: var(--pl-neutral-100);
  --pl-surface-status-successsubtle: var(--pl-green-100);
  --pl-surface-status-warningsubtle: var(--pl-orange-100);
  --pl-surface-status-dangersubtle: var(--pl-red-100);
  --pl-surface-variant-neutral: var(--pl-neutral-200);
  --pl-surface-variant-red: var(--pl-red-100);
  --pl-surface-variant-purple: var(--pl-purple-100);
  --pl-surface-variant-green: var(--pl-green-100);
  --pl-surface-variant-yellow: var(--pl-yellow-100);
  --pl-surface-variant-orange: var(--pl-orange-100);
  --pl-surface-variant-blue: var(--pl-blue-100);
  --pl-border-default: var(--pl-neutral-300);
  --pl-border-disabled: var(--pl-neutral-100);
  --pl-border-danger: var(--pl-red-600);
  --pl-accent-default: var(--pl-red-600);
  --pl-accent-hover: var(--pl-red-500);
  --pl-accent-pressed: var(--pl-red-700);
  --pl-border-focus: var(--pl-neutral-850);
  --pl-surface-subtle: var(--pl-neutral-200);
  --pl-surface-hover: var(--pl-neutral-300);
  --pl-surface-pressed: var(--pl-neutral-400);
  --pl-surface-selected: var(--pl-neutral-500);
  --pl-text-emphasis: var(--pl-accent-default);
  --pl-accent-subtle: var(--pl-red-200);
  --pl-accent-subtlehover: var(--pl-red-300);
  --pl-accent-subtlepressed: var(--pl-red-400);
  --pl-accent-focusring: var(--pl-red-700);
  --pl-border-subtle: var(--pl-neutral-200);
  --pl-icon-default: var(--pl-neutral-900);
  --pl-icon-subtle: var(--pl-neutral-600);
  --pl-icon-disabled: var(--pl-neutral-500);
  --pl-icon-inverse: var(--pl-neutral-50);
  --pl-icon-green: var(--pl-green-600);
  --pl-icon-red: var(--pl-red-600);
  --pl-icon-orange: var(--pl-orange-600);
  --pl-icon-yellow: var(--pl-yellow-600);
  --pl-icon-purple: var(--pl-purple-600);
  --pl-icon-blue: var(--pl-blue-600);
  --pl-icon-rating: var(--pl-orange-600);
  --pl-text-onaccent: var(--pl-neutral-50);
  --pl-text-price-discount: var(--pl-green-800);
  --pl-icon-success: var(--pl-green-800);
  --pl-surface-static-white: var(--pl-neutral-50);
  --pl-button-secondary-bg-default: var(--pl-accent-subtle);
  --pl-button-secondary-bg-hovered: var(--pl-accent-subtlehover);
  --pl-button-secondary-bg-pressed: var(--pl-accent-subtlepressed);
  --pl-button-secondary-bg-disabled: var(--pl-red-100);
  --pl-button-neutral-bg-default: var(--pl-neutral-200);
  --pl-button-neutral-bg-hovered: var(--pl-neutral-300);
  --pl-button-neutral-bg-pressed: var(--pl-neutral-400);
  --pl-button-neutral-bg-disabled: var(--pl-neutral-100);
  --pl-button-neutralsolid-bg-default: var(--pl-neutral-50);
  --pl-button-neutralsolid-bg-hovered: var(--pl-neutral-200);
  --pl-button-neutralsolid-bg-pressed: var(--pl-neutral-300);
  --pl-button-neutralsolid-bg-disabled: var(--pl-neutral-100);
  --pl-button-outline-bg-default: #00000000;
  --pl-button-outline-bg-hovered: var(--pl-neutral-200);
  --pl-button-outline-bg-pressed: var(--pl-neutral-300);
  --pl-button-outline-bg-disabled: #00000000;
  --pl-button-destructive-bg-default: var(--pl-red-500);
  --pl-button-destructive-bg-hovered: var(--pl-red-600);
  --pl-button-destructive-bg-pressed: var(--pl-red-700);
  --pl-button-destructive-bg-disabled: var(--pl-red-200);
  --pl-button-destructive-fg-disabled: var(--pl-text-onaccent);
  --pl-button-destructive-fg-default: var(--pl-text-onaccent);
  --pl-button-secondary-fg-default: var(--pl-accent-pressed);
  --pl-button-secondary-fg-disabled: var(--pl-red-300);
  --pl-button-neutral-fg-default: var(--pl-text-primary);
  --pl-button-neutral-fg-disabled: var(--pl-text-disabled);
  --pl-button-neutralsolid-fg-default: var(--pl-text-primary);
  --pl-button-neutralsolid-fg-disabled: var(--pl-text-disabled);
  --pl-button-outline-fg-default: var(--pl-text-primary);
  --pl-button-outline-fg-disabled: var(--pl-text-disabled);
  --pl-button-inverse-bg-default: var(--pl-neutral-900);
  --pl-button-inverse-bg-hovered: var(--pl-neutral-700);
  --pl-button-inverse-bg-pressed: var(--pl-neutral-850);
  --pl-button-inverse-bg-disabled: var(--pl-neutral-100);
  --pl-button-inverse-fg-default: var(--pl-text-onaccent);
  --pl-button-inverse-fg-disabled: var(--pl-text-disabled);
  --pl-button-ghost-bg-default: #00000000;
  --pl-button-ghost-bg-hovered: var(--pl-neutral-100);
  --pl-button-ghost-bg-pressed: var(--pl-neutral-200);
  --pl-button-ghost-bg-disabled: var(--pl-neutral-100);
  --pl-button-ghost-fg-default: var(--pl-text-primary);
  --pl-button-ghost-fg-disabled: var(--pl-text-disabled);
  --pl-shadow-default: var(--pl-neutral-900);
  --pl-text-static-black: var(--pl-neutral-900);
  --pl-border-white: var(--pl-neutral-50);
}

[data-theme="dark"],
.dark {
  --pl-text-primary: var(--pl-neutral-50);
  --pl-text-secondary: var(--pl-neutral-400);
  --pl-text-disabled: var(--pl-neutral-600);
  --pl-text-inverse: var(--pl-neutral-900);
  --pl-text-link: var(--pl-blue-600);
  --pl-text-status-success: var(--pl-green-700);
  --pl-text-status-warning: var(--pl-orange-600);
  --pl-text-status-danger: var(--pl-red-500);
  --pl-text-status-neutral: var(--pl-neutral-50);
  --pl-text-status-red: var(--pl-red-400);
  --pl-text-status-purple: var(--pl-purple-200);
  --pl-text-status-green: var(--pl-green-100);
  --pl-text-status-yellow: var(--pl-yellow-100);
  --pl-text-status-orange: var(--pl-orange-100);
  --pl-text-status-blue: var(--pl-blue-200);
  --pl-bg-default: var(--pl-neutral-900);
  --pl-bg-subtle: var(--pl-neutral-750);
  --pl-bg-inverse: var(--pl-neutral-100);
  --pl-surface-default: var(--pl-neutral-700);
  --pl-surface-inset: var(--pl-neutral-900);
  --pl-surface-static-black: var(--pl-neutral-850);
  --pl-surface-disabled: var(--pl-neutral-800);
  --pl-surface-status-successsubtle: var(--pl-green-900);
  --pl-surface-status-warningsubtle: var(--pl-orange-900);
  --pl-surface-status-dangersubtle: var(--pl-red-900);
  --pl-surface-variant-neutral: var(--pl-neutral-700);
  --pl-surface-variant-red: var(--pl-red-900);
  --pl-surface-variant-purple: var(--pl-purple-900);
  --pl-surface-variant-green: var(--pl-green-900);
  --pl-surface-variant-yellow: var(--pl-yellow-900);
  --pl-surface-variant-orange: var(--pl-orange-900);
  --pl-surface-variant-blue: var(--pl-blue-900);
  --pl-border-default: var(--pl-neutral-650);
  --pl-border-disabled: var(--pl-neutral-700);
  --pl-border-danger: var(--pl-red-700);
  --pl-accent-default: var(--pl-red-600);
  --pl-accent-hover: var(--pl-red-500);
  --pl-accent-pressed: var(--pl-red-800);
  --pl-border-focus: var(--pl-neutral-300);
  --pl-surface-subtle: var(--pl-neutral-750);
  --pl-surface-hover: var(--pl-neutral-800);
  --pl-surface-pressed: var(--pl-neutral-600);
  --pl-surface-selected: var(--pl-neutral-650);
  --pl-text-emphasis: var(--pl-accent-default);
  --pl-accent-subtle: var(--pl-red-200);
  --pl-accent-subtlehover: var(--pl-red-300);
  --pl-accent-subtlepressed: var(--pl-red-400);
  --pl-accent-focusring: var(--pl-red-700);
  --pl-border-subtle: var(--pl-neutral-600);
  --pl-icon-default: var(--pl-neutral-50);
  --pl-icon-subtle: var(--pl-neutral-500);
  --pl-icon-disabled: var(--pl-neutral-600);
  --pl-icon-inverse: var(--pl-neutral-900);
  --pl-icon-green: var(--pl-green-700);
  --pl-icon-red: var(--pl-red-500);
  --pl-icon-orange: var(--pl-orange-600);
  --pl-icon-yellow: var(--pl-yellow-400);
  --pl-icon-purple: var(--pl-purple-400);
  --pl-icon-blue: var(--pl-blue-600);
  --pl-icon-rating: var(--pl-orange-600);
  --pl-text-onaccent: var(--pl-neutral-50);
  --pl-text-price-discount: var(--pl-green-700);
  --pl-icon-success: var(--pl-green-700);
  --pl-surface-static-white: var(--pl-neutral-50);
  --pl-button-secondary-bg-default: var(--pl-accent-subtle);
  --pl-button-secondary-bg-hovered: var(--pl-accent-subtlehover);
  --pl-button-secondary-bg-pressed: var(--pl-accent-subtlepressed);
  --pl-button-secondary-bg-disabled: var(--pl-neutral-850);
  --pl-button-neutral-bg-default: var(--pl-neutral-750);
  --pl-button-neutral-bg-hovered: var(--pl-neutral-700);
  --pl-button-neutral-bg-pressed: var(--pl-neutral-800);
  --pl-button-neutral-bg-disabled: var(--pl-neutral-850);
  --pl-button-neutralsolid-bg-default: var(--pl-neutral-700);
  --pl-button-neutralsolid-bg-hovered: var(--pl-neutral-650);
  --pl-button-neutralsolid-bg-pressed: var(--pl-neutral-900);
  --pl-button-neutralsolid-bg-disabled: var(--pl-neutral-850);
  --pl-button-outline-bg-default: #00000000;
  --pl-button-outline-bg-hovered: var(--pl-neutral-700);
  --pl-button-outline-bg-pressed: var(--pl-neutral-750);
  --pl-button-outline-bg-disabled: #00000000;
  --pl-button-destructive-bg-default: var(--pl-red-500);
  --pl-button-destructive-bg-hovered: var(--pl-red-600);
  --pl-button-destructive-bg-pressed: var(--pl-red-700);
  --pl-button-destructive-bg-disabled: var(--pl-red-900);
  --pl-button-destructive-fg-disabled: var(--pl-red-850);
  --pl-button-destructive-fg-default: var(--pl-text-onaccent);
  --pl-button-secondary-fg-default: var(--pl-accent-pressed);
  --pl-button-secondary-fg-disabled: var(--pl-neutral-650);
  --pl-button-neutral-fg-default: var(--pl-text-onaccent);
  --pl-button-neutral-fg-disabled: var(--pl-text-disabled);
  --pl-button-neutralsolid-fg-default: var(--pl-text-primary);
  --pl-button-neutralsolid-fg-disabled: var(--pl-text-disabled);
  --pl-button-outline-fg-default: var(--pl-text-primary);
  --pl-button-outline-fg-disabled: var(--pl-text-disabled);
  --pl-button-inverse-bg-default: var(--pl-neutral-850);
  --pl-button-inverse-bg-hovered: var(--pl-neutral-800);
  --pl-button-inverse-bg-pressed: var(--pl-neutral-900);
  --pl-button-inverse-bg-disabled: var(--pl-neutral-800);
  --pl-button-inverse-fg-default: var(--pl-text-onaccent);
  --pl-button-inverse-fg-disabled: var(--pl-text-disabled);
  --pl-button-ghost-bg-default: #00000000;
  --pl-button-ghost-bg-hovered: var(--pl-neutral-800);
  --pl-button-ghost-bg-pressed: var(--pl-neutral-850);
  --pl-button-ghost-bg-disabled: var(--pl-neutral-900);
  --pl-button-ghost-fg-default: var(--pl-text-primary);
  --pl-button-ghost-fg-disabled: var(--pl-text-disabled);
  --pl-shadow-default: var(--pl-neutral-900);
  --pl-text-static-black: var(--pl-neutral-900);
  --pl-border-white: var(--pl-neutral-850);
}

:root {
  --pl-type-weight-regular: Regular;
  --pl-type-weight-medium: Medium;
  --pl-type-weight-semibold: SemiBold;
  --pl-type-weight-bold: Bold;
  --pl-type-lineheight-100: 16px;
  --pl-type-lineheight-200: 20px;
  --pl-type-lineheight-300: 24px;
  --pl-type-size-100: 11px;
  --pl-type-size-200: 12px;
  --pl-type-size-300: 14px;
  --pl-type-size-400: 16px;
  --pl-type-size-500: 18px;
  --pl-type-size-600: 20px;
  --pl-type-size-700: 24px;
  --pl-type-size-800: 28px;
  --pl-type-size-900: 32px;
  --pl-type-size-1000: 40px;
  --pl-type-size-1100: 48px;
  --pl-type-lineheight-400: 28px;
  --pl-type-lineheight-500: 32px;
  --pl-type-lineheight-600: 36px;
  --pl-type-lineheight-700: 40px;
  --pl-type-lineheight-800: 48px;
  --pl-type-lineheight-900: 56px;
  --pl-type-weight-extrabold: ExtraBold;
  --pl-type-font-primary: "DM Sans";
  --pl-type-font-brand: "DM Sans";
  --pl-type-weight-black: Black;
  --pl-type-size-250: 13px;
  --pl-type-lineheight-150: 18px;
  --pl-type-lineheight-350: 26px;
  --pl-type-lineheight-50: 14px;
  --pl-display-xl-font: var(--pl-type-font-brand);
  --pl-display-xl-size: var(--pl-type-size-1100);
  --pl-display-xl-lineheight: var(--pl-type-lineheight-900);
  --pl-display-xl-weight: var(--pl-type-weight-medium);
  --pl-display-lg-font: var(--pl-type-font-brand);
  --pl-display-lg-size: var(--pl-type-size-1000);
  --pl-display-lg-lineheight: var(--pl-type-lineheight-800);
  --pl-display-lg-weight: var(--pl-type-weight-medium);
  --pl-display-md-font: var(--pl-type-font-brand);
  --pl-display-md-size: var(--pl-type-size-900);
  --pl-display-md-lineheight: var(--pl-type-lineheight-700);
  --pl-display-md-weight: var(--pl-type-weight-medium);
  --pl-heading-h1-font: var(--pl-type-font-primary);
  --pl-heading-h1-size: var(--pl-type-size-800);
  --pl-heading-h1-lineheight: var(--pl-type-lineheight-600);
  --pl-heading-h1-weight: var(--pl-type-weight-medium);
  --pl-heading-h2-font: var(--pl-type-font-primary);
  --pl-heading-h2-size: var(--pl-type-size-700);
  --pl-heading-h2-lineheight: var(--pl-type-lineheight-500);
  --pl-heading-h2-weight: var(--pl-type-weight-medium);
  --pl-heading-h3-font: var(--pl-type-font-primary);
  --pl-heading-h3-size: var(--pl-type-size-600);
  --pl-heading-h3-lineheight: var(--pl-type-lineheight-400);
  --pl-heading-h3-weight: var(--pl-type-weight-medium);
  --pl-heading-h4-font: var(--pl-type-font-primary);
  --pl-heading-h4-size: var(--pl-type-size-500);
  --pl-heading-h4-lineheight: var(--pl-type-lineheight-350);
  --pl-heading-h4-weight: var(--pl-type-weight-medium);
  --pl-body-lg-regular-font: var(--pl-type-font-primary);
  --pl-body-lg-regular-size: var(--pl-type-size-400);
  --pl-body-lg-regular-lineheight: var(--pl-type-lineheight-300);
  --pl-body-lg-regular-weight: var(--pl-type-weight-regular);
  --pl-body-md-medium-font: var(--pl-type-font-primary);
  --pl-body-md-medium-size: var(--pl-type-size-300);
  --pl-body-md-medium-lineheight: var(--pl-type-lineheight-200);
  --pl-body-md-medium-weight: var(--pl-type-weight-medium);
  --pl-title-md-semibold-font: var(--pl-type-font-primary);
  --pl-title-md-semibold-size: var(--pl-type-size-400);
  --pl-title-md-semibold-lineheight: var(--pl-type-lineheight-300);
  --pl-title-md-semibold-weight: var(--pl-type-weight-semibold);
  --pl-title-sm-semibold-font: var(--pl-type-font-primary);
  --pl-title-sm-semibold-size: var(--pl-type-size-300);
  --pl-title-sm-semibold-lineheight: var(--pl-type-lineheight-200);
  --pl-title-sm-semibold-weight: var(--pl-type-weight-semibold);
  --pl-label-lg-regular-font: var(--pl-type-font-primary);
  --pl-label-lg-regular-size: var(--pl-type-size-400);
  --pl-label-lg-regular-lineheight: var(--pl-type-lineheight-300);
  --pl-label-lg-regular-weight: var(--pl-type-weight-regular);
  --pl-caption-lg-font: var(--pl-type-font-primary);
  --pl-caption-lg-size: var(--pl-type-size-200);
  --pl-caption-lg-lineheight: var(--pl-type-lineheight-100);
  --pl-caption-lg-weight: var(--pl-type-weight-regular);
  --pl-caption-sm-font: var(--pl-type-font-primary);
  --pl-caption-sm-size: var(--pl-type-size-100);
  --pl-caption-sm-lineheight: var(--pl-type-lineheight-50);
  --pl-caption-sm-weight: var(--pl-type-weight-medium);
  --pl-title-lg-semibold-font: var(--pl-type-font-primary);
  --pl-title-lg-semibold-size: var(--pl-type-size-500);
  --pl-title-lg-semibold-lineheight: var(--pl-type-lineheight-350);
  --pl-title-lg-semibold-weight: var(--pl-type-weight-semibold);
  --pl-title-lg-medium-font: var(--pl-type-font-primary);
  --pl-title-lg-medium-size: var(--pl-type-size-500);
  --pl-title-lg-medium-lineheight: var(--pl-type-lineheight-350);
  --pl-title-lg-medium-weight: var(--pl-type-weight-medium);
  --pl-title-md-bold-font: var(--pl-type-font-primary);
  --pl-title-md-bold-size: var(--pl-type-size-400);
  --pl-title-md-bold-lineheight: var(--pl-type-lineheight-300);
  --pl-title-md-bold-weight: var(--pl-type-weight-bold);
  --pl-title-sm-bold-font: var(--pl-type-font-primary);
  --pl-title-sm-bold-size: var(--pl-type-size-300);
  --pl-title-sm-bold-lineheight: var(--pl-type-lineheight-200);
  --pl-title-sm-bold-weight: var(--pl-type-weight-bold);
  --pl-title-lg-bold-font: var(--pl-type-font-primary);
  --pl-title-lg-bold-size: var(--pl-type-size-500);
  --pl-title-lg-bold-lineheight: var(--pl-type-lineheight-350);
  --pl-title-lg-bold-weight: var(--pl-type-weight-bold);
  --pl-title-md-medium-font: var(--pl-type-font-primary);
  --pl-title-md-medium-size: var(--pl-type-size-400);
  --pl-title-md-medium-lineheight: var(--pl-type-lineheight-300);
  --pl-title-md-medium-weight: var(--pl-type-weight-medium);
  --pl-title-sm-medium-font: var(--pl-type-font-primary);
  --pl-title-sm-medium-size: var(--pl-type-size-300);
  --pl-title-sm-medium-lineheight: var(--pl-type-lineheight-200);
  --pl-title-sm-medium-weight: var(--pl-type-weight-medium);
  --pl-label-lg-medium-font: var(--pl-type-font-primary);
  --pl-label-lg-medium-size: var(--pl-type-size-400);
  --pl-label-lg-medium-lineheight: var(--pl-type-lineheight-300);
  --pl-label-lg-medium-weight: var(--pl-type-weight-medium);
  --pl-label-lg-semibold-font: var(--pl-type-font-primary);
  --pl-label-lg-semibold-size: var(--pl-type-size-400);
  --pl-label-lg-semibold-lineheight: var(--pl-type-lineheight-300);
  --pl-label-lg-semibold-weight: var(--pl-type-weight-semibold);
  --pl-body-md-regular-font: var(--pl-type-font-primary);
  --pl-body-md-regular-size: var(--pl-type-size-300);
  --pl-body-md-regular-lineheight: var(--pl-type-lineheight-200);
  --pl-body-md-regular-weight: var(--pl-type-weight-regular);
  --pl-display-sm-font: var(--pl-type-font-brand);
  --pl-display-sm-size: var(--pl-type-size-700);
  --pl-display-sm-lineheight: var(--pl-type-lineheight-400);
  --pl-display-sm-weight: var(--pl-type-weight-medium);
  --pl-caption-lg-bold-font: var(--pl-type-font-primary);
  --pl-caption-lg-bold-size: var(--pl-type-size-200);
  --pl-caption-lg-bold-lineheight: var(--pl-type-lineheight-100);
  --pl-caption-lg-bold-weight: var(--pl-type-weight-bold);
  --pl-body-lg-semibold-font: var(--pl-type-font-primary);
  --pl-body-lg-semibold-size: var(--pl-type-size-400);
  --pl-body-lg-semibold-lineheight: var(--pl-type-lineheight-300);
  --pl-body-lg-semibold-weight: var(--pl-type-weight-semibold);
  --pl-body-md-semibold-font: var(--pl-type-font-primary);
  --pl-body-md-semibold-size: var(--pl-type-size-300);
  --pl-body-md-semibold-lineheight: var(--pl-type-lineheight-200);
  --pl-body-md-semibold-weight: var(--pl-type-weight-semibold);
  --pl-caption-lg-medium-font: var(--pl-type-font-primary);
  --pl-caption-lg-medium-size: var(--pl-type-size-200);
  --pl-caption-lg-medium-lineheight: var(--pl-type-lineheight-100);
  --pl-caption-lg-medium-weight: var(--pl-type-weight-medium);
  --pl-body-lg-medium-font: var(--pl-type-font-primary);
  --pl-body-lg-medium-size: var(--pl-type-size-400);
  --pl-body-lg-medium-lineheight: var(--pl-type-lineheight-300);
  --pl-body-lg-medium-weight: var(--pl-type-weight-medium);
  --pl-label-md-regular-font: var(--pl-type-font-primary);
  --pl-label-md-regular-size: var(--pl-type-size-300);
  --pl-label-md-regular-lineheight: var(--pl-type-lineheight-200);
  --pl-label-md-regular-weight: var(--pl-type-weight-regular);
  --pl-label-md-medium-font: var(--pl-type-font-primary);
  --pl-label-md-medium-size: var(--pl-type-size-300);
  --pl-label-md-medium-lineheight: var(--pl-type-lineheight-200);
  --pl-label-md-medium-weight: var(--pl-type-weight-medium);
  --pl-label-md-semibold-font: var(--pl-type-font-primary);
  --pl-label-md-semibold-size: var(--pl-type-size-300);
  --pl-label-md-semibold-lineheight: var(--pl-type-lineheight-200);
  --pl-label-md-semibold-weight: var(--pl-type-weight-semibold);
  --pl-body-sm-regular-font: var(--pl-type-font-primary);
  --pl-body-sm-regular-size: var(--pl-type-size-250);
  --pl-body-sm-regular-lineheight: var(--pl-type-lineheight-150);
  --pl-body-sm-regular-weight: var(--pl-type-weight-regular);
  --pl-body-sm-medium-font: var(--pl-type-font-primary);
  --pl-body-sm-medium-size: var(--pl-type-size-250);
  --pl-body-sm-medium-lineheight: var(--pl-type-lineheight-150);
  --pl-body-sm-medium-weight: var(--pl-type-weight-medium);
  --pl-body-sm-semibold-font: var(--pl-type-font-primary);
  --pl-body-sm-semibold-size: var(--pl-type-size-250);
  --pl-body-sm-semibold-lineheight: var(--pl-type-lineheight-150);
  --pl-body-sm-semibold-weight: var(--pl-type-weight-semibold);
  --pl-label-sm-regular-font: var(--pl-type-font-primary);
  --pl-label-sm-regular-size: var(--pl-type-size-250);
  --pl-label-sm-regular-lineheight: var(--pl-type-lineheight-150);
  --pl-label-sm-regular-weight: var(--pl-type-weight-regular);
  --pl-label-sm-medium-font: var(--pl-type-font-primary);
  --pl-label-sm-medium-size: var(--pl-type-size-250);
  --pl-label-sm-medium-lineheight: var(--pl-type-lineheight-150);
  --pl-label-sm-medium-weight: var(--pl-type-weight-medium);
  --pl-label-sm-semibold-font: var(--pl-type-font-primary);
  --pl-label-sm-semibold-size: var(--pl-type-size-250);
  --pl-label-sm-semibold-lineheight: var(--pl-type-lineheight-150);
  --pl-label-sm-semibold-weight: var(--pl-type-weight-semibold);
  --pl-shadow-xs-x: 0px;
  --pl-shadow-xs-y: 1px;
  --pl-shadow-xs-blur: 2px;
  --pl-shadow-xs-spread: 0px;
  --pl-shadow-xs-opacity: 0.1;
  --pl-shadow-sm-x: 0px;
  --pl-shadow-sm-y: 2px;
  --pl-shadow-sm-blur: 8px;
  --pl-shadow-sm-spread: 0px;
  --pl-shadow-sm-opacity: 0.12;
  --pl-shadow-md-x: 0px;
  --pl-shadow-md-y: 6px;
  --pl-shadow-md-blur: 16px;
  --pl-shadow-md-spread: 0px;
  --pl-shadow-md-opacity: 0.14;
  --pl-shadow-lg-x: 0px;
  --pl-shadow-lg-y: 10px;
  --pl-shadow-lg-blur: 24px;
  --pl-shadow-lg-spread: 0px;
  --pl-shadow-lg-opacity: 0.16;
  --pl-shadow-xl-x: 0px;
  --pl-shadow-xl-y: 20px;
  --pl-shadow-xl-blur: 40px;
  --pl-shadow-xl-spread: 0px;
  --pl-shadow-xl-opacity: 0.18;
  --pl-shadow-overlay-x: 0px;
  --pl-shadow-overlay-y: 12px;
  --pl-shadow-overlay-blur: 32px;
  --pl-shadow-overlay-spread: 0px;
  --pl-shadow-overlay-opacity: 0.2;
  --pl-shadow-modal-x: 0px;
  --pl-shadow-modal-y: 24px;
  --pl-shadow-modal-blur: 60px;
  --pl-shadow-modal-spread: 0px;
  --pl-shadow-modal-opacity: 0.25;
  --pl-shadow-elevation-primitives-0: 0px;
  --pl-shadow-elevation-primitives-2: 2px;
  --pl-shadow-elevation-primitives-4: 4px;
  --pl-shadow-elevation-primitives-6: 6px;
  --pl-shadow-elevation-primitives-8: 8px;
  --pl-shadow-elevation-xs: var(--pl-shadow-elevation-primitives-1);
  --pl-shadow-elevation-primitives-1: 1px;
  --pl-shadow-elevation-primitives-3: 3px;
  --pl-shadow-elevation-primitives-12: 12px;
  --pl-shadow-elevation-primitives-16: 16px;
  --pl-shadow-elevation-primitives-24: 24px;
  --pl-shadow-elevation-sm: var(--pl-shadow-elevation-primitives-2);
  --pl-shadow-elevation-md: var(--pl-shadow-elevation-primitives-4);
  --pl-shadow-elevation-lg: var(--pl-shadow-elevation-primitives-8);
  --pl-shadow-elevation-xl: var(--pl-shadow-elevation-primitives-16);
  --pl-shadow-elevation-xxl: var(--pl-shadow-elevation-primitives-24);
  --pl-shadow-elevation-none: var(--pl-shadow-elevation-primitives-0);
  --pl-radius-semantic-xs: var(--pl-radius-primitives-3);
  --pl-radius-semantic-sm: var(--pl-radius-primitives-4);
  --pl-radius-semantic-md: var(--pl-radius-primitives-5);
  --pl-radius-semantic-lg: var(--pl-radius-primitives-6);
  --pl-radius-semantic-xl: var(--pl-radius-primitives-7);
  --pl-radius-semantic-xxl: var(--pl-radius-primitives-8);
  --pl-radius-semantic-pill: var(--pl-radius-primitives-full);
  --pl-radius-component-button-regular: var(--pl-radius-semantic-lg);
  --pl-radius-component-button-pill: var(--pl-radius-semantic-pill);
  --pl-radius-component-button-icon: var(--pl-radius-semantic-pill);
  --pl-radius-component-card-icon: var(--pl-radius-semantic-pill);
  --pl-radius-component-card-default: var(--pl-radius-semantic-lg);
  --pl-radius-component-modal-sheet: var(--pl-radius-semantic-xxl);
  --pl-radius-component-modal-dialog: var(--pl-radius-semantic-xxl);
  --pl-radius-component-input-regular: var(--pl-radius-semantic-lg);
  --pl-radius-component-input-compact: var(--pl-radius-semantic-md);
  --pl-radius-primitives-0: 0px;
  --pl-radius-primitives-8: 24px;
  --pl-radius-primitives-full: 999px;
  --pl-radius-primitives-5: 12px;
  --pl-radius-primitives-6: 16px;
  --pl-radius-primitives-4: 8px;
  --pl-radius-primitives-1: 2px;
  --pl-radius-primitives-3: 6px;
  --pl-radius-primitives-7: 20px;
  --pl-radius-primitives-2: 4px;
  --pl-space-xxs: var(--pl-space-1);
  --pl-space-xs: var(--pl-space-2);
  --pl-space-sm: var(--pl-space-3);
  --pl-space-md: var(--pl-space-4);
  --pl-space-lg: var(--pl-space-5);
  --pl-space-xl: var(--pl-space-6);
  --pl-container-sm: var(--pl-space-4);
  --pl-container-md: var(--pl-space-5);
  --pl-container-xl: var(--pl-space-7);
  --pl-container-lg: var(--pl-space-6);
  --pl-chip-md-icon-gap: var(--pl-space-xxs);
  --pl-button-md-padding-x: var(--pl-space-md);
  --pl-chip-md-padding-y: var(--pl-space-xs);
  --pl-chip-sm-padding-y: var(--pl-space-xxs);
  --pl-chip-md-padding-x: var(--pl-space-sm);
  --pl-modal-sheet-section-gap: var(--pl-space-md);
  --pl-modal-dialog-padding: var(--pl-space-xl);
  --pl-chip-sm-icon-gap: var(--pl-space-xxs);
  --pl-chip-sm-padding-x: var(--pl-space-xs);
  --pl-button-lg-padding-x: var(--pl-space-xl);
  --pl-listitem-content-gap-sm: var(--pl-space-sm);
  --pl-listitem-padding-y: var(--pl-space-md);
  --pl-button-sm-padding-y: var(--pl-space-xs);
  --pl-modal-sheet-padding: var(--pl-space-md);
  --pl-input-label-gap: var(--pl-space-xs);
  --pl-input-icon-gap: var(--pl-space-xs);
  --pl-button-lg-padding-y: var(--pl-space-md);
  --pl-listitem-padding-x: var(--pl-space-md);
  --pl-modal-dialog-section-gap: var(--pl-space-md);
  --pl-button-sm-padding-x: var(--pl-space-sm);
  --pl-input-padding-x: var(--pl-space-md);
  --pl-input-padding-y: var(--pl-space-md);
  --pl-listitem-content-gap-md: var(--pl-space-md);
  --pl-button-md-padding-y: var(--pl-space-sm);
  --pl-card-gap: var(--pl-space-sm);
  --pl-listitem-content-gap-lg: var(--pl-space-xl);
  --pl-listitem-icon-gap: var(--pl-space-xs);
  --pl-card-padding-sm: var(--pl-space-sm);
  --pl-icon-sm-padding-x: var(--pl-space-xs);
  --pl-icon-sm-padding-y: var(--pl-space-xs);
  --pl-icon-md-padding-x: var(--pl-space-sm);
  --pl-icon-md-padding-y: var(--pl-space-sm);
  --pl-icon-lg-padding-x: var(--pl-space-md);
  --pl-icon-lg-padding-y: var(--pl-space-md);
  --pl-container-xs: var(--pl-space-3);
  --pl-card-padding-md: var(--pl-space-md);
  --pl-card-padding-xs: var(--pl-space-xs);
  --pl-space-xxl: var(--pl-space-7);
  --pl-space-xxxl: var(--pl-space-8);
  --pl-container-xxl: var(--pl-space-8);
  --pl-icon-sm: var(--pl-space-4);
  --pl-icon-md: var(--pl-space-5);
  --pl-icon-lg: var(--pl-space-6);
  --pl-icon-xs: var(--pl-space-3);
  --pl-size-primitives-1: 24px;
  --pl-size-primitives-2: 32px;
  --pl-size-primitives-3: 36px;
  --pl-size-primitives-4: 40px;
  --pl-size-primitives-5: 44px;
  --pl-size-primitives-6: 48px;
  --pl-size-primitives-7: 56px;
  --pl-size-primitives-8: 64px;
  --pl-size-primitives-9: 72px;
  --pl-size-primitives-10: 80px;
  --pl-size-primitives-11: 96px;
  --pl-size-primitives-12: 140px;
  --pl-size-componentsize-24: var(--pl-size-primitives-1);
  --pl-size-componentsize-32: var(--pl-size-primitives-2);
  --pl-size-componentsize-36: var(--pl-size-primitives-3);
  --pl-size-componentsize-40: var(--pl-size-primitives-4);
  --pl-size-componentsize-48: var(--pl-size-primitives-6);
  --pl-size-componentsize-64: var(--pl-size-primitives-8);
  --pl-size-componentsize-96: var(--pl-size-primitives-11);
  --pl-size-componentsize-140: var(--pl-size-primitives-12);
  --pl-size-componentsize-56: var(--pl-size-primitives-7);
  --pl-size-componentsize-72: var(--pl-size-primitives-9);
  --pl-size-componentsize-80: var(--pl-size-primitives-10);
  --pl-symbol-size-sm: var(--pl-type-size-300);
  --pl-symbol-size-md: var(--pl-type-size-400);
  --pl-symbol-size-lg: var(--pl-type-size-500);
  --pl-symbol-size-xl: var(--pl-type-size-600);
  --pl-symbol-weight-regular: var(--pl-type-weight-regular);
  --pl-symbol-weight-medium: var(--pl-type-weight-medium);
  --pl-symbol-weight-semibold: var(--pl-type-weight-semibold);
  --pl-symbol-weight-bold: var(--pl-type-weight-bold);
  --pl-symbol-size-xs: var(--pl-type-size-100);
  --pl-symbol-size-xxl: var(--pl-type-size-700);
  --pl-border-primitives-1: 1px;
  --pl-border-primitives-2: 2px;
  --pl-border-semantic-100: var(--pl-border-primitives-1);
  --pl-border-semantic-200: var(--pl-border-primitives-2);
}

/* ---------------------------------------------------------------------------
   Derived tokens — added by postprocess-tokens.mjs, not present in Figma.
   These override or compose the generated values above so they are usable
   directly in CSS. Later :root wins, so ordering matters — keep this last.
   --------------------------------------------------------------------------- */
:root {
  /* Figma stores weights as style names; CSS needs numbers. */
  --pl-type-weight-regular: 400;
  --pl-type-weight-medium: 500;
  --pl-type-weight-semibold: 600;
  --pl-type-weight-bold: 700;
  --pl-type-weight-extrabold: 800;
  --pl-type-weight-black: 900;

  /* Font families get a real fallback stack. */
  --pl-type-font-primary: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --pl-type-font-brand: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Shadow color as channels, so opacity tokens can drive rgb(). */
  --pl-shadow-rgb: 2 2 3;

  /* Corrections for figma_export_tokens emitting stale alias targets — see
     CORRECTIONS in postprocess-tokens.mjs. These are the values the Figma
     Plugin API reports, which is the authority. */


  --pl-elevation-xs: var(--pl-shadow-xs-x) var(--pl-shadow-xs-y) var(--pl-shadow-xs-blur) var(--pl-shadow-xs-spread) rgb(var(--pl-shadow-rgb) / var(--pl-shadow-xs-opacity));
  --pl-elevation-sm: var(--pl-shadow-sm-x) var(--pl-shadow-sm-y) var(--pl-shadow-sm-blur) var(--pl-shadow-sm-spread) rgb(var(--pl-shadow-rgb) / var(--pl-shadow-sm-opacity));
  --pl-elevation-md: var(--pl-shadow-md-x) var(--pl-shadow-md-y) var(--pl-shadow-md-blur) var(--pl-shadow-md-spread) rgb(var(--pl-shadow-rgb) / var(--pl-shadow-md-opacity));
  --pl-elevation-lg: var(--pl-shadow-lg-x) var(--pl-shadow-lg-y) var(--pl-shadow-lg-blur) var(--pl-shadow-lg-spread) rgb(var(--pl-shadow-rgb) / var(--pl-shadow-lg-opacity));
  --pl-elevation-xl: var(--pl-shadow-xl-x) var(--pl-shadow-xl-y) var(--pl-shadow-xl-blur) var(--pl-shadow-xl-spread) rgb(var(--pl-shadow-rgb) / var(--pl-shadow-xl-opacity));
  --pl-elevation-overlay: var(--pl-shadow-overlay-x) var(--pl-shadow-overlay-y) var(--pl-shadow-overlay-blur) var(--pl-shadow-overlay-spread) rgb(var(--pl-shadow-rgb) / var(--pl-shadow-overlay-opacity));
  --pl-elevation-modal: var(--pl-shadow-modal-x) var(--pl-shadow-modal-y) var(--pl-shadow-modal-blur) var(--pl-shadow-modal-spread) rgb(var(--pl-shadow-rgb) / var(--pl-shadow-modal-opacity));
}