/* Generated from the Perú Lector design system. Do not edit by hand.
 * tokens/generated.css sha256:34e02df1260b
 */
/* source: tokens/generated.css */
/* Generated by scripts/build-tokens.mjs. Do not edit directly. */
:root {
  /* primitives.json */
  --pl-color-blue-100: #E4EEFA;
  --pl-color-blue-200: #C9DCF3;
  --pl-color-blue-500: #3570BE;
  --pl-color-blue-700: #2A5283;
  --pl-color-blue-800: #244A74;
  --pl-color-blue-900: #16344E;
  --pl-color-coral-100: #FBE5DF;
  --pl-color-coral-200: #F2C1B4;
  --pl-color-coral-500: #E2674A;
  --pl-color-coral-700: #B04A31;
  --pl-color-coral-800: #A23E26;
  --pl-color-coral-900: #7F2F1D;
  --pl-color-berry-100: #FBE0EF;
  --pl-color-berry-200: #E4B2C9;
  --pl-color-berry-500: #C03B8F;
  --pl-color-berry-600: #A35479;
  --pl-color-berry-700: #9E2A72;
  --pl-color-berry-800: #8B4568;
  --pl-color-berry-900: #6C304F;
  --pl-color-violet-50: #F0E9F8;
  --pl-color-violet-100: #E8DDF4;
  --pl-color-violet-200: #C7AFE4;
  --pl-color-violet-500: #7A5AA8;
  --pl-color-violet-600: #76549D;
  --pl-color-violet-700: #654687;
  --pl-color-violet-800: #52366F;
  --pl-color-green-200: #8AD6C3;
  --pl-color-green-100: #DDF3ED;
  --pl-color-green-500: #2C9D85;
  --pl-color-green-600: #27806D;
  --pl-color-green-700: #1F7363;
  --pl-color-green-800: #176052;
  --pl-color-yellow-100: #FFF3CF;
  --pl-color-yellow-800: #6B4900;
  --pl-color-gold-100: #FCF0D2;
  --pl-color-gold-500: #C68304;
  --pl-color-gold-700: #96610A;
  --pl-color-gold-900: #332504;
  --pl-color-cyan-800: #0A6E77;
  --pl-color-paper-50: #FFFEFC;
  --pl-color-paper-100: #F7F6F2;
  --pl-color-paper-200: #F1F0EB;
  --pl-color-paper-300: #E3E1DA;
  --pl-color-neutral-0: #FFFFFF;
  --pl-color-neutral-50: #F6FAF9;
  --pl-color-neutral-100: #EDF3F2;
  --pl-color-neutral-200: #E1EAE8;
  --pl-color-neutral-300: #C4D2D0;
  --pl-color-neutral-500: #587081;
  --pl-color-neutral-700: #334A58;
  --pl-color-neutral-800: #21333E;
  --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-8: 32px;
  --pl-space-10: 40px;
  --pl-space-12: 48px;
  --pl-space-16: 64px;
  --pl-radius-control: 10px;
  --pl-radius-card: 20px;
  --pl-radius-full: 999px;
  --pl-font-family-sans: "Circular XX", sans-serif;
  --pl-font-size-12: 0.75rem;
  --pl-font-size-14: 0.875rem;
  --pl-font-size-15: 0.9375rem;
  --pl-font-size-16: 1rem;
  --pl-font-size-18: 1.125rem;
  --pl-font-size-20: 1.25rem;
  --pl-font-size-24: 1.5rem;
  --pl-font-size-28: 1.75rem;
  --pl-font-size-32: 2rem;
  --pl-font-size-36: 2.25rem;
  --pl-font-weight-regular: 400;
  --pl-font-weight-medium: 500;
  --pl-font-weight-semibold: 600;
  --pl-font-weight-bold: 700;
  --pl-line-height-compact: 1.2;
  --pl-line-height-heading: 1.15;
  --pl-duration-fast: 120ms;
  --pl-duration-normal: 160ms;
  --pl-duration-deliberate: 240ms;
  --pl-duration-slow: 280ms;
  --pl-easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --pl-easing-overshoot: cubic-bezier(0.175, 0.885, 0.32, 1.275);

  /* semantic.json */
  --pl-surface-page: var(--pl-color-paper-100);
  --pl-surface-editorial: var(--pl-color-paper-50);
  --pl-surface-data: var(--pl-color-neutral-0);
  --pl-surface-default: var(--pl-color-neutral-0);
  --pl-surface-subtle: var(--pl-color-paper-200);
  --pl-border-default: var(--pl-color-paper-300);
  --pl-text-primary: var(--pl-color-neutral-800);
  --pl-text-secondary: var(--pl-color-neutral-500);
  --pl-content-title-description-gap: var(--pl-space-2);
  --pl-content-label-description-gap: var(--pl-space-1);
  --pl-action-primary-background-default: var(--pl-color-blue-700);
  --pl-action-primary-background-hover: var(--pl-color-blue-800);
  --pl-action-primary-background-active: var(--pl-color-blue-900);
  --pl-action-primary-text: var(--pl-color-neutral-0);
  --pl-action-secondary-background-default: var(--pl-color-blue-100);
  --pl-action-secondary-background-hover: var(--pl-color-blue-800);
  --pl-action-secondary-background-active: var(--pl-color-blue-900);
  --pl-action-secondary-border: var(--pl-color-blue-100);
  --pl-action-secondary-text: var(--pl-color-blue-800);
  --pl-action-secondary-text-hover: var(--pl-color-neutral-0);
  --pl-action-tertiary-background-hover: var(--pl-color-blue-100);
  --pl-action-tertiary-background-active: var(--pl-color-blue-200);
  --pl-action-tertiary-text: var(--pl-color-blue-700);
  --pl-action-danger-background-default: var(--pl-color-coral-800);
  --pl-action-danger-background-hover: var(--pl-color-coral-900);
  --pl-action-danger-background-active: var(--pl-color-coral-900);
  --pl-action-danger-background-subtle: var(--pl-color-coral-100);
  --pl-action-danger-background-subtle-active: var(--pl-color-coral-200);
  --pl-action-danger-border: var(--pl-color-coral-800);
  --pl-action-danger-text-on-solid: var(--pl-color-neutral-0);
  --pl-action-danger-text-on-subtle: var(--pl-color-coral-800);
  --pl-action-disabled-background: var(--pl-color-neutral-100);
  --pl-action-disabled-border: var(--pl-color-neutral-300);
  --pl-action-disabled-text: var(--pl-color-neutral-500);
  --pl-focus-inner: var(--pl-color-neutral-0);
  --pl-focus-outer: var(--pl-color-cyan-800);
  --pl-status-success: var(--pl-color-green-700);
  --pl-status-warning: var(--pl-color-yellow-800);
  --pl-status-danger: var(--pl-color-coral-800);
  --pl-status-info: var(--pl-color-blue-700);
  --pl-status-neutral-surface: var(--pl-surface-subtle);
  --pl-status-neutral-border: var(--pl-color-neutral-300);
  --pl-status-neutral-text: var(--pl-color-neutral-700);
  --pl-status-info-surface: var(--pl-color-blue-100);
  --pl-status-info-border: var(--pl-color-blue-700);
  --pl-status-info-text: var(--pl-color-blue-800);
  --pl-status-success-surface: var(--pl-color-green-100);
  --pl-status-success-border: var(--pl-color-green-700);
  --pl-status-success-text: var(--pl-color-green-800);
  --pl-status-warning-surface: var(--pl-color-yellow-100);
  --pl-status-warning-border: var(--pl-color-yellow-800);
  --pl-status-warning-text: var(--pl-color-yellow-800);
  --pl-status-danger-surface: var(--pl-color-coral-100);
  --pl-status-danger-border: var(--pl-color-coral-800);
  --pl-status-danger-text: var(--pl-color-coral-900);
  --pl-data-progress-priority: var(--pl-color-coral-700);
  --pl-data-progress-attention: var(--pl-color-gold-500);
  --pl-data-progress-attention-text: var(--pl-color-gold-700);
  --pl-data-progress-attention-ink: var(--pl-color-gold-900);
  --pl-data-progress-positive: var(--pl-color-green-700);
  --pl-data-progress-challenge: var(--pl-color-violet-700);
  --pl-data-progress-neutral: var(--pl-color-neutral-500);
  --pl-data-progress-reading: var(--pl-color-blue-500);
  --pl-data-progress-completed: var(--pl-color-green-500);
  --pl-data-progress-evidence: var(--pl-color-green-800);
  --pl-surface-progress-overview: var(--pl-color-neutral-0);
  --pl-surface-progress-priority: var(--pl-color-coral-100);
  --pl-surface-progress-attention: var(--pl-color-gold-100);
  --pl-surface-progress-positive: var(--pl-color-green-100);
  --pl-surface-progress-challenge: var(--pl-color-violet-100);
  --pl-surface-progress-info: var(--pl-color-blue-100);
  --pl-text-progress-accent: var(--pl-color-blue-700);
  --pl-surface-progress-panel: var(--pl-surface-default);
  --pl-surface-progress-selected: var(--pl-color-neutral-0);
  --pl-border-progress-panel: var(--pl-color-neutral-200);
  --pl-border-progress-selected: var(--pl-color-blue-500);
  --pl-feature-home-header-start: var(--pl-color-blue-700);
  --pl-feature-home-header-highlight: var(--pl-color-blue-500);
  --pl-feature-home-header-end: var(--pl-color-blue-800);
  --pl-feature-home-sidebar-background: #1C4064;
  --pl-feature-home-sidebar-accent: var(--pl-color-blue-200);
  --pl-feature-texts-header-start: #875040;
  --pl-feature-texts-header-highlight: #925A49;
  --pl-feature-texts-header-end: #A16452;
  --pl-feature-texts-header-illustration: #F3E8E3;
  --pl-feature-texts-header-illustration-width: 340px;
  --pl-feature-texts-header-illustration-width-mobile: 168px;
  --pl-feature-texts-header-illustration-bottom: -165px;
  --pl-feature-texts-header-illustration-bottom-mobile: -64px;
  --pl-feature-texts-header-illustration-inset: 48px;
  --pl-feature-texts-header-illustration-inset-mobile: -2px;
  --pl-feature-texts-sidebar-background: #3F4757;
  --pl-feature-texts-sidebar-accent: #E8D6CF;
  --pl-feature-texts-action-background: #F3E8E3;
  --pl-feature-texts-action-background-hover: #E8D6CF;
  --pl-feature-texts-action-text: #875040;
  --pl-feature-generator-header-start: #705879;
  --pl-feature-generator-header-highlight: #806A89;
  --pl-feature-generator-header-end: #66506F;
  --pl-feature-generator-header-illustration: #E7E1EA;
  --pl-feature-generator-sidebar-background: var(--pl-feature-generator-header-end);
  --pl-feature-generator-sidebar-accent: #D9CFDD;
  --pl-feature-generator-action-background: var(--pl-feature-generator-header-illustration);
  --pl-feature-generator-action-background-hover: #D9CFDD;
  --pl-feature-generator-action-text: var(--pl-feature-generator-header-end);
  --pl-feature-reading-plan-header-start: #9D6700;
  --pl-feature-reading-plan-header-highlight: #A56800;
  --pl-feature-reading-plan-header-end: #A56800;
  --pl-feature-reading-plan-header-illustration: #FBEACB;
  --pl-feature-reading-plan-header-illustration-width: 340px;
  --pl-feature-reading-plan-header-illustration-width-mobile: 168px;
  --pl-feature-reading-plan-header-illustration-bottom: -190px;
  --pl-feature-reading-plan-header-illustration-bottom-mobile: -84px;
  --pl-feature-reading-plan-header-illustration-inset: 48px;
  --pl-feature-reading-plan-header-illustration-inset-mobile: -2px;
  --pl-feature-reading-plan-sidebar-background: #475868;
  --pl-feature-reading-plan-sidebar-accent: #F5DFB6;
  --pl-feature-reading-plan-action-background: #FBEACB;
  --pl-feature-reading-plan-action-background-hover: #F5DFB6;
  --pl-feature-reading-plan-action-text: #7E4F00;
  --pl-feature-settings-header-start: var(--pl-color-blue-700);
  --pl-feature-settings-header-highlight: var(--pl-color-blue-700);
  --pl-feature-settings-header-end: var(--pl-color-blue-700);
  --pl-feature-settings-header-illustration: var(--pl-color-blue-100);
  --pl-feature-settings-header-artwork-width: 340px;
  --pl-feature-settings-header-artwork-width-tablet: 300px;
  --pl-feature-settings-header-artwork-width-mobile: 168px;
  --pl-feature-settings-header-artwork-bottom: -190px;
  --pl-feature-settings-header-artwork-bottom-tablet: -165px;
  --pl-feature-settings-header-artwork-bottom-mobile: -84px;
  --pl-feature-settings-header-artwork-inset: 48px;
  --pl-feature-settings-header-artwork-inset-tablet: var(--pl-space-6);
  --pl-feature-settings-header-artwork-inset-mobile: -2px;
  --pl-feature-settings-sidebar-background: #1C4064;
  --pl-feature-settings-sidebar-accent: var(--pl-color-blue-200);
  --pl-feature-progress-header-start: var(--pl-color-green-800);
  --pl-feature-progress-header-highlight: var(--pl-color-green-700);
  --pl-feature-progress-header-end: var(--pl-color-green-800);
  --pl-feature-progress-header-illustration: var(--pl-color-green-100);
  --pl-feature-progress-header-illustration-width: 340px;
  --pl-feature-progress-header-illustration-width-mobile: 168px;
  --pl-feature-progress-header-illustration-bottom: -190px;
  --pl-feature-progress-header-illustration-bottom-mobile: -84px;
  --pl-feature-progress-header-illustration-inset: 48px;
  --pl-feature-progress-header-illustration-inset-mobile: -8px;
  --pl-feature-progress-sidebar-background: #173F3A;
  --pl-feature-progress-sidebar-accent: var(--pl-color-green-200);
  --pl-feature-progress-action-background: var(--pl-color-green-100);
  --pl-feature-progress-action-background-hover: #EAF8F4;
  --pl-feature-progress-action-text: var(--pl-color-green-800);
  --pl-feature-tools-header-start: #743E5A;
  --pl-feature-tools-header-highlight: #814A63;
  --pl-feature-tools-header-end: #8B526B;
  --pl-feature-tools-header-illustration: #F1E5EB;
  --pl-feature-tools-header-illustration-width: 340px;
  --pl-feature-tools-header-illustration-width-mobile: 168px;
  --pl-feature-tools-header-illustration-bottom: -160px;
  --pl-feature-tools-header-illustration-bottom-mobile: -54px;
  --pl-feature-tools-header-illustration-inset: 48px;
  --pl-feature-tools-header-illustration-inset-mobile: -2px;
  --pl-feature-tools-sidebar-background: #493743;
  --pl-feature-tools-sidebar-accent: #D9BAC8;
  --pl-feature-tools-action-solid: var(--pl-color-berry-800);
  --pl-feature-tools-action-solid-hover: var(--pl-feature-tools-header-start);
  --pl-feature-tools-action-solid-active: var(--pl-color-berry-900);
  --pl-feature-tools-action-background: var(--pl-color-berry-100);
  --pl-feature-tools-action-background-hover: var(--pl-color-berry-200);
  --pl-feature-tools-action-text: var(--pl-color-berry-700);
  --pl-feature-tools-card-surface: var(--pl-surface-editorial);
  --pl-feature-tools-card-content-surface: #FFF1F7;
  --pl-feature-tools-card-reference-width: 270px;
  --pl-feature-tools-card-height: 240px;
  --pl-feature-tools-card-padding: 6px;
  --pl-feature-tools-card-gap: 6px;
  --pl-feature-tools-card-radius: 12px;
  --pl-feature-tools-card-icon-size: 44px;
  --pl-feature-tools-card-icon-opacity: 0.72;
  --pl-feature-tools-card-icon-opacity-hover: 0.82;
  --pl-feature-tools-card-action-size: 40px;

  /* components/button.json */
  --pl-button-radius: var(--pl-radius-control);
  --pl-button-border-width: 1px;
  --pl-button-gap: var(--pl-space-2);
  --pl-button-font-family: var(--pl-font-family-sans);
  --pl-button-font-weight: var(--pl-font-weight-semibold);
  --pl-button-line-height: var(--pl-line-height-compact);
  --pl-button-height-sm: 36px;
  --pl-button-height-md: 44px;
  --pl-button-height-lg: 52px;
  --pl-button-padding-inline-sm: var(--pl-space-3);
  --pl-button-padding-inline-md: var(--pl-space-4);
  --pl-button-padding-inline-lg: var(--pl-space-5);
  --pl-button-font-size-sm: var(--pl-font-size-14);
  --pl-button-font-size-md: var(--pl-font-size-16);
  --pl-button-font-size-lg: var(--pl-font-size-16);
  --pl-button-icon-size-sm: 16px;
  --pl-button-icon-size-md: 18px;
  --pl-button-icon-size-lg: 20px;
  --pl-button-transition-duration: var(--pl-duration-normal);
  --pl-button-transition-easing: var(--pl-easing-standard);
  --pl-button-focus-inner-width: 2px;
  --pl-button-focus-outer-width: 5px;
  --pl-action-soft-background: var(--pl-action-secondary-background-default);
  --pl-action-soft-text: var(--pl-action-secondary-text);
  --pl-action-soft-hover-background: var(--pl-action-secondary-background-hover);
  --pl-action-soft-hover-text: var(--pl-action-secondary-text-hover);
  --pl-action-soft-active-background: var(--pl-action-secondary-background-active);
  --pl-action-tertiary-hover-text: var(--pl-color-blue-900);

  /* components/field.json */
  --pl-field-radius: var(--pl-radius-control);
  --pl-field-height: 48px;
  --pl-field-textarea-min-height: 128px;
  --pl-field-border-width: 1px;
  --pl-field-padding-inline: var(--pl-space-3);
  --pl-field-padding-block: 10px;
  --pl-field-accessory-icon-size: 20px;
  --pl-field-accessory-inset-inline-end: var(--pl-space-3);
  --pl-field-accessory-action-size: 40px;
  --pl-field-accessory-action-inset-inline-end: var(--pl-space-1);
  --pl-field-accessory-action-reserve: 52px;
  --pl-field-menu-radius: 12px;
  --pl-field-menu-padding: var(--pl-space-1);
  --pl-field-menu-max-height: 320px;
  --pl-field-menu-border: var(--pl-color-neutral-300);
  --pl-field-menu-background: var(--pl-surface-default);
  --pl-field-menu-shadow: 0 12px 32px rgba(22, 52, 78, 0.12), 0 2px 6px rgba(22, 52, 78, 0.08);
  --pl-field-menu-option-min-height: 44px;
  --pl-field-menu-option-padding-inline: var(--pl-space-3);
  --pl-field-menu-option-gap: var(--pl-space-2);
  --pl-field-menu-option-radius: 8px;
  --pl-field-menu-option-hover-background: var(--pl-surface-subtle);
  --pl-field-menu-option-selected-background: var(--pl-color-blue-100);
  --pl-field-menu-option-selected-text: var(--pl-color-blue-900);
  --pl-field-menu-indicator-duration: var(--pl-duration-deliberate);
  --pl-field-gap: 5px;
  --pl-field-message-gap: var(--pl-space-1);
  --pl-field-font-family: var(--pl-font-family-sans);
  --pl-field-font-size: var(--pl-font-size-16);
  --pl-field-label-font-size: var(--pl-font-size-14);
  --pl-field-label-font-weight: var(--pl-font-weight-semibold);
  --pl-field-message-font-size: var(--pl-font-size-14);
  --pl-field-line-height: 1.45;
  --pl-field-background-default: var(--pl-surface-default);
  --pl-field-background-readonly: var(--pl-surface-subtle);
  --pl-field-background-disabled: var(--pl-action-disabled-background);
  --pl-field-text: var(--pl-text-primary);
  --pl-field-label-text: var(--pl-text-secondary);
  --pl-field-help-text: var(--pl-text-secondary);
  --pl-field-placeholder-text: var(--pl-color-neutral-500);
  --pl-field-disabled-text: var(--pl-action-disabled-text);
  --pl-field-border-default: var(--pl-color-neutral-500);
  --pl-field-border-hover: var(--pl-color-blue-700);
  --pl-field-border-invalid: var(--pl-status-danger);
  --pl-field-error-text: var(--pl-status-danger);
  --pl-field-required-text: var(--pl-status-danger);
  --pl-field-focus-inner-width: 1px;
  --pl-field-focus-outer-width: 3px;
  --pl-field-focus-gap: 2px;
  --pl-field-transition-duration: var(--pl-duration-normal);
  --pl-field-transition-easing: var(--pl-easing-standard);

  /* components/navigation.json */
  --pl-navigation-sidebar-width: 264px;
  --pl-navigation-sidebar-collapsed-width: 72px;
  --pl-navigation-sidebar-transition-duration: 320ms;
  --pl-navigation-sidebar-fade-duration: 180ms;
  --pl-navigation-shell-inset: var(--pl-space-3);
  --pl-navigation-shell-gap: var(--pl-space-3);
  --pl-navigation-sidebar-background: var(--pl-color-blue-900);
  --pl-navigation-sidebar-border: rgba(255, 255, 255, 0.10);
  --pl-navigation-sidebar-radius: 16px;
  --pl-navigation-sidebar-shadow: 0 18px 42px -28px rgba(22, 52, 78, 0.72);
  --pl-navigation-sidebar-padding: var(--pl-space-4);
  --pl-navigation-brand-height: 68px;
  --pl-navigation-brand-text: var(--pl-color-neutral-0);
  --pl-navigation-item-min-height: 48px;
  --pl-navigation-item-padding-inline: var(--pl-space-3);
  --pl-navigation-item-gap: var(--pl-space-3);
  --pl-navigation-item-radius: var(--pl-radius-control);
  --pl-navigation-item-font-weight: var(--pl-font-weight-medium);
  --pl-navigation-item-active-font-weight: var(--pl-font-weight-semibold);
  --pl-navigation-item-text: var(--pl-color-blue-200);
  --pl-navigation-item-hover-background: rgba(255, 255, 255, 0.06);
  --pl-navigation-item-active-background: #00403A;
  --pl-navigation-item-active-text: var(--pl-color-neutral-0);
  --pl-navigation-item-active-width: 236px;
  --pl-navigation-item-active-radius: 8px;
  --pl-navigation-item-current-marker: #6FD8C2;
  --pl-navigation-item-current-marker-inset: var(--pl-space-8);
  --pl-navigation-topbar-height: 64px;
  --pl-navigation-topbar-background: var(--pl-color-blue-900);
  --pl-navigation-page-transition-duration: 280ms;
  --pl-navigation-page-transition-distance: 12px;
  --pl-navigation-drawer-width: 320px;
  --pl-navigation-overlay-background: rgba(22, 52, 78, 0.48);
  --pl-navigation-content-max-width: 1200px;
  --pl-navigation-content-padding-desktop: var(--pl-space-8);
  --pl-navigation-content-padding-top-desktop: var(--pl-space-6);
  --pl-navigation-content-padding-tablet: var(--pl-space-6);
  --pl-navigation-content-padding-mobile: var(--pl-space-4);
  --pl-navigation-page-header-gap: var(--pl-space-4);
  --pl-navigation-page-title-font-size: var(--pl-font-size-32);
  --pl-navigation-page-title-font-size-mobile: var(--pl-font-size-28);
  --pl-navigation-page-title-font-weight: var(--pl-font-weight-semibold);
  --pl-navigation-page-description-max-width: 68ch;
  --pl-navigation-page-description-font-family: var(--pl-font-family-sans);
  --pl-navigation-page-description-font-weight: var(--pl-font-weight-regular);
  --pl-navigation-feature-header-padding-block: var(--pl-space-6);
  --pl-navigation-feature-header-padding-inline: var(--pl-space-8);
  --pl-navigation-feature-header-padding-mobile: var(--pl-space-4);
  --pl-navigation-feature-header-min-height: 160px;
  --pl-navigation-feature-header-min-height-mobile: 140px;
  --pl-navigation-feature-header-radius: 16px;
  --pl-navigation-feature-header-radius-mobile: 20px;
  --pl-navigation-feature-header-copy-max-width: 52%;
  --pl-navigation-feature-header-copy-max-width-mobile: 100%;
  --pl-navigation-feature-header-description-max-width-mobile: min(68%, 224px);
  --pl-navigation-feature-header-illustration-width: 460px;
  --pl-navigation-feature-header-illustration-width-mobile: clamp(156px, 48vw, 196px);
  --pl-navigation-feature-header-illustration-bottom: -150px;
  --pl-navigation-feature-header-illustration-bottom-mobile: -38px;
  --pl-navigation-feature-header-illustration-inset: var(--pl-space-6);
  --pl-navigation-feature-header-illustration-inset-mobile: -20px;
  --pl-navigation-feature-header-title-size-mobile: var(--pl-font-size-24);
  --pl-navigation-feature-header-description-size-mobile: 15px;
  --pl-navigation-feature-header-shadow: 0 10px 28px -18px rgba(63, 35, 82, 0.22);
  --pl-navigation-feature-header-gradient-highlight-stop: 12%;
  --pl-navigation-feature-header-gradient-end-stop: 30%;
  --pl-navigation-feature-header-gradient-illustration-stop: 82%;
  --pl-navigation-feature-header-gradient-angle: 105deg;
  --pl-navigation-feature-header-grain-size: 180px;
  --pl-navigation-feature-header-grain-opacity: 0.04;
  --pl-navigation-feature-header-decoration-line-width: 25.5%;
  --pl-navigation-feature-header-decoration-line-inset: 6.5%;
  --pl-navigation-feature-header-decoration-line-top: 26%;
  --pl-navigation-feature-header-decoration-spark-width: 3.9%;
  --pl-navigation-feature-header-decoration-spark-inset: 67.8%;
  --pl-navigation-feature-header-decoration-spark-top: 11%;
  --pl-navigation-feature-header-decoration-line-width-mobile: 43%;
  --pl-navigation-feature-header-decoration-line-inset-mobile: 1%;
  --pl-navigation-feature-header-decoration-line-top-mobile: 44%;
  --pl-navigation-feature-header-decoration-spark-width-mobile: 7%;
  --pl-navigation-feature-header-decoration-spark-inset-mobile: 64%;
  --pl-navigation-feature-header-decoration-spark-top-mobile: 14%;
  --pl-navigation-breadcrumb-gap: var(--pl-space-2);
  --pl-navigation-transition-duration: var(--pl-duration-normal);
  --pl-navigation-drawer-transition-duration: var(--pl-duration-deliberate);
  --pl-navigation-transition-easing: var(--pl-easing-standard);
  --pl-wizard-step-font-size: var(--pl-font-size-14);
  --pl-wizard-step-font-size-mobile: 13px;
  --pl-wizard-step-font-size-compact: 12px;
  --pl-wizard-marker-size: var(--pl-space-6);
  --pl-wizard-marker-size-mobile: 22px;
  --pl-wizard-marker-font-size: 12px;
  --pl-wizard-step-gap: var(--pl-space-2);
  --pl-wizard-step-gap-mobile: 6px;

  /* components/card.json */
  --pl-card-background-default: var(--pl-surface-editorial);
  --pl-card-background-subtle: var(--pl-surface-subtle);
  --pl-card-background-interactive-active: var(--pl-color-blue-100);
  --pl-card-border-default: var(--pl-border-default);
  --pl-card-border-interactive: var(--pl-color-neutral-300);
  --pl-card-border-interactive-hover: var(--pl-color-blue-500);
  --pl-card-title-interactive-hover: var(--pl-color-blue-700);
  --pl-card-radius: 16px;
  --pl-card-padding-comfortable: var(--pl-space-6);
  --pl-card-padding-compact: var(--pl-space-4);
  --pl-card-gap: var(--pl-space-4);
  --pl-card-title-size: var(--pl-font-size-18);
  --pl-card-header-context-slot-width: 152px;
  --pl-card-header-context-slot-width-mobile: 120px;

  /* components/feedback.json */
  --pl-feedback-radius: var(--pl-radius-control);
  --pl-feedback-border-width: 1px;
  --pl-feedback-padding-block: var(--pl-space-3);
  --pl-feedback-padding-inline: var(--pl-space-4);
  --pl-feedback-gap: var(--pl-space-3);
  --pl-feedback-icon-size: 20px;
  --pl-feedback-title-size: var(--pl-font-size-16);
  --pl-feedback-body-size: var(--pl-font-size-14);
  --pl-feedback-line-height: 1.45;
  --pl-feedback-empty-max-width: 560px;
  --pl-feedback-empty-padding-block: var(--pl-space-10);
  --pl-feedback-empty-icon-size: 32px;
  --pl-feedback-empty-gap: var(--pl-space-4);
  --pl-feedback-empty-compact-icon-size: 28px;
  --pl-feedback-empty-compact-gap: var(--pl-space-3);
  --pl-feedback-empty-compact-padding-block: var(--pl-space-4);
  --pl-feedback-compact-label-radius: 6px;
  --pl-feedback-compact-label-min-height: 26px;
  --pl-feedback-compact-label-padding-inline: var(--pl-space-2);
  --pl-feedback-compact-label-gap: 6px;
  --pl-feedback-compact-label-font-size: 13px;
  --pl-feedback-compact-label-font-weight: var(--pl-font-weight-semibold);
  --pl-feedback-compact-label-icon-size: 14px;
  --pl-feedback-badge-radius: var(--pl-feedback-compact-label-radius);
  --pl-feedback-badge-min-height: var(--pl-feedback-compact-label-min-height);
  --pl-feedback-badge-padding-inline: var(--pl-feedback-compact-label-padding-inline);
  --pl-feedback-badge-gap: var(--pl-feedback-compact-label-gap);
  --pl-feedback-badge-font-size: var(--pl-feedback-compact-label-font-size);
  --pl-feedback-badge-font-weight: var(--pl-feedback-compact-label-font-weight);
  --pl-feedback-badge-icon-size: var(--pl-feedback-compact-label-icon-size);
  --pl-feedback-marker-size: 6px;
  --pl-feedback-skeleton-background: var(--pl-color-neutral-200);
  --pl-feedback-skeleton-radius: 8px;
  --pl-feedback-skeleton-duration: 1800ms;
  --pl-feedback-loading-spinner-size: 20px;
  --pl-feedback-loading-spinner-stroke: 2px;
  --pl-feedback-loading-transition-duration: var(--pl-duration-deliberate);
  --pl-feedback-loading-transition-easing: var(--pl-easing-standard);
  --pl-feedback-tag-radius: var(--pl-feedback-compact-label-radius);
  --pl-feedback-tag-min-height: var(--pl-feedback-compact-label-min-height);
  --pl-feedback-tag-padding-inline: var(--pl-feedback-compact-label-padding-inline);
  --pl-feedback-tag-gap: var(--pl-feedback-compact-label-gap);
  --pl-feedback-tag-font-size: var(--pl-feedback-compact-label-font-size);
  --pl-feedback-tag-font-weight: var(--pl-feedback-compact-label-font-weight);
  --pl-feedback-tag-icon-size: var(--pl-feedback-compact-label-icon-size);
  --pl-feedback-tag-classroom-background: var(--pl-color-gold-100);
  --pl-feedback-tag-classroom-text: var(--pl-color-gold-900);
  --pl-feedback-tag-area-background: var(--pl-feature-generator-action-background);
  --pl-feedback-tag-area-text: var(--pl-feature-generator-action-text);
  --pl-feedback-toast-max-width: 400px;
  --pl-feedback-toast-background: var(--pl-surface-default);
  --pl-feedback-toast-border: var(--pl-border-default);
  --pl-feedback-toast-radius: var(--pl-radius-card);
  --pl-feedback-toast-shadow: 0 18px 40px -18px rgba(22, 52, 78, 0.35);
  --pl-feedback-toast-padding: var(--pl-space-4);
  --pl-feedback-toast-gap: var(--pl-space-3);
  --pl-feedback-toast-offset: var(--pl-space-5);
  --pl-feedback-toast-icon-size: 20px;
  --pl-feedback-toast-success-icon-background: var(--pl-color-green-100);
  --pl-feedback-toast-success-icon-color: var(--pl-color-green-700);
  --pl-feedback-toast-problem-icon-background: var(--pl-color-gold-100);
  --pl-feedback-toast-problem-icon-color: var(--pl-color-gold-900);

  /* components/progress.json */
  --pl-progress-metric-gap: var(--pl-space-3);
  --pl-progress-metric-header-padding: var(--pl-space-3);
  --pl-progress-metric-body-padding: var(--pl-space-4);
  --pl-progress-metric-value-size: var(--pl-font-size-36);
  --pl-progress-metric-radius: var(--pl-radius-control);
  --pl-progress-metric-border: var(--pl-border-progress-panel);
  --pl-progress-metric-divider: var(--pl-border-progress-panel);
  --pl-progress-metric-priority: var(--pl-data-progress-priority);
  --pl-progress-metric-attention: var(--pl-data-progress-attention-text);
  --pl-progress-metric-positive: var(--pl-data-progress-positive);
  --pl-progress-metric-info: var(--pl-data-progress-reading);
  --pl-progress-metric-neutral: var(--pl-data-progress-neutral);
  --pl-progress-metric-header-priority: var(--pl-surface-progress-priority);
  --pl-progress-metric-header-attention: var(--pl-surface-progress-attention);
  --pl-progress-metric-header-positive: var(--pl-surface-progress-positive);
  --pl-progress-metric-header-info: var(--pl-surface-progress-info);
  --pl-progress-metric-header-neutral: var(--pl-surface-subtle);
  --pl-progress-bar-height: 8px;
  --pl-progress-bar-radius: 4px;
  --pl-progress-bar-track: var(--pl-surface-subtle);
  --pl-progress-bar-fill: var(--pl-data-progress-reading);
  --pl-progress-bar-transition-duration: var(--pl-duration-deliberate);
  --pl-progress-filter-min-height: 64px;
  --pl-progress-filter-radius: var(--pl-radius-control);
  --pl-progress-filter-background: var(--pl-surface-default);
  --pl-progress-filter-background-hover: var(--pl-surface-subtle);
  --pl-progress-filter-background-selected: var(--pl-surface-progress-selected);
  --pl-progress-filter-border: var(--pl-field-border-default);
  --pl-progress-filter-border-selected: var(--pl-border-progress-selected);
  --pl-progress-view-background: var(--pl-surface-subtle);
  --pl-progress-view-active-background: var(--pl-feature-progress-action-background);
  --pl-progress-view-active-text: var(--pl-feature-progress-action-text);
  --pl-progress-insight-gap: var(--pl-space-4);
  --pl-progress-insight-padding-block: var(--pl-space-4);
  --pl-progress-callout-background: var(--pl-surface-progress-info);
  --pl-progress-callout-background-prominent: var(--pl-color-blue-200);
  --pl-progress-callout-radius: var(--pl-radius-control);
  --pl-progress-callout-padding: var(--pl-space-5);
  --pl-progress-panel-background: var(--pl-surface-progress-panel);
  --pl-progress-panel-border: var(--pl-border-progress-panel);
  --pl-progress-list-divider: var(--pl-border-default);
  --pl-progress-panel-radius: 16px;
  --pl-progress-card-header-background: var(--pl-surface-progress-positive);
  --pl-progress-card-header-text: var(--pl-color-green-800);
  --pl-progress-overview-background: var(--pl-surface-progress-overview);
  --pl-progress-overview-radius: var(--pl-radius-card);
  --pl-progress-chart-grid: var(--pl-border-progress-panel);
  --pl-progress-chart-axis: var(--pl-text-secondary);
  --pl-progress-chart-bar: var(--pl-data-progress-reading);
  --pl-progress-chart-priority: var(--pl-data-progress-priority);
  --pl-progress-chart-attention: var(--pl-data-progress-attention);
  --pl-progress-chart-attention-text: var(--pl-data-progress-attention-text);
  --pl-progress-chart-attention-ink: var(--pl-data-progress-attention-ink);
  --pl-progress-chart-positive: var(--pl-data-progress-positive);
  --pl-progress-chart-neutral: var(--pl-data-progress-neutral);
  --pl-progress-chart-reading: var(--pl-data-progress-reading);
  --pl-progress-chart-completed: var(--pl-data-progress-completed);
  --pl-progress-chart-evidence: var(--pl-data-progress-evidence);
  --pl-progress-priority-background: var(--pl-surface-progress-panel);
  --pl-progress-priority-border: var(--pl-border-progress-panel);
  --pl-progress-priority-header-identity-background: var(--pl-surface-progress-positive);
  --pl-progress-priority-header-identity-text: var(--pl-color-green-800);
  --pl-progress-priority-header-priority-background: var(--pl-surface-progress-priority);
  --pl-progress-priority-header-priority-text: var(--pl-color-coral-800);
  --pl-progress-priority-header-expected-background: var(--pl-surface-progress-info);
  --pl-progress-priority-header-expected-text: var(--pl-color-blue-800);
  --pl-progress-priority-header-challenge-background: var(--pl-surface-progress-positive);
  --pl-progress-priority-header-challenge-text: var(--pl-color-green-800);
  --pl-progress-priority-header-neutral-background: var(--pl-surface-subtle);
  --pl-progress-priority-header-neutral-text: var(--pl-color-neutral-700);
  --pl-progress-priority-header-achievement-background: var(--pl-color-green-100);
  --pl-progress-priority-header-achievement-text: var(--pl-color-green-800);
  --pl-progress-priority-summary-value-size: var(--pl-font-size-32);
  --pl-progress-priority-summary-value-size-mobile: var(--pl-font-size-24);
  --pl-progress-priority-summary-value-size-inline: var(--pl-font-size-24);
  --pl-progress-priority-summary-text-size-mobile: var(--pl-font-size-15);
  --pl-progress-priority-unit-size: 14px;
  --pl-progress-priority-unit-gap: 6px;
  --pl-progress-priority-map-width: 380px;
  --pl-progress-priority-map-gap: 10px;
  --pl-progress-priority-map-width-mobile: 260px;
  --pl-progress-priority-unit-radius: 3px;
  --pl-progress-classroom-state-marker-radius: 2px;
  --pl-progress-priority-unit-priority: var(--pl-data-progress-priority);
  --pl-progress-priority-unit-attention: var(--pl-data-progress-attention);
  --pl-progress-priority-unit-progress: var(--pl-data-progress-reading);
  --pl-progress-priority-unit-challenge: var(--pl-data-progress-positive);
  --pl-progress-priority-unit-evidence: var(--pl-data-progress-neutral);
  --pl-progress-priority-unit-missing: var(--pl-surface-default);
  --pl-progress-priority-unit-neutral: var(--pl-color-neutral-300);
  --pl-progress-priority-unit-text: var(--pl-color-neutral-0);
  --pl-progress-priority-unit-missing-text: var(--pl-text-secondary);
  --pl-progress-priority-unit-missing-border: var(--pl-color-neutral-300);
  --pl-progress-achievement-outstanding: var(--pl-color-green-700);
  --pl-progress-achievement-expected: var(--pl-color-blue-500);
  --pl-progress-achievement-in-process: var(--pl-color-gold-500);
  --pl-progress-achievement-beginning: var(--pl-color-coral-700);
  --pl-progress-priority-empty-padding: var(--pl-space-5);
  --pl-progress-priority-message-background: var(--pl-surface-subtle);
  --pl-progress-priority-message-radius: var(--pl-radius-control);
  --pl-progress-capacity-bar-height: 22px;
  --pl-progress-capacity-bar-radius: 8px;
  --pl-progress-participation-bar-height: 28px;
  --pl-progress-participation-bar-gap: 4px;
  --pl-progress-participation-bar-radius: 8px;
  --pl-progress-participation-not-started-border: var(--pl-color-neutral-300);
  --pl-progress-participation-reading: var(--pl-data-progress-reading);
  --pl-progress-participation-completed: var(--pl-color-green-700);
  --pl-progress-participation-evidence: var(--pl-data-progress-evidence);
  --pl-progress-participation-header-live-background: var(--pl-surface-progress-info);
  --pl-progress-participation-header-live-text: var(--pl-color-blue-800);
  --pl-progress-participation-header-closed-background: var(--pl-surface-progress-positive);
  --pl-progress-participation-header-closed-text: var(--pl-color-green-800);
  --pl-progress-coverage-sufficient: var(--pl-data-progress-evidence);
  --pl-progress-coverage-insufficient: var(--pl-color-neutral-300);
  --pl-progress-text-accent: var(--pl-text-progress-accent);

  /* components/icon-motion.json */
  --pl-icon-motion-duration-default: 320ms;
  --pl-icon-motion-duration-draw: 380ms;
  --pl-icon-motion-distance-xs: 1px;
  --pl-icon-motion-distance-sm: 2px;
  --pl-icon-motion-scale-emphasis: 1.08;
  --pl-icon-motion-easing: var(--pl-easing-standard);
  --pl-icon-motion-easing-emphasis: var(--pl-easing-overshoot);

  /* components/generator.json */
  --pl-generator-workspace-gap: var(--pl-space-5);
  --pl-generator-workspace-radius: var(--pl-radius-card);
  --pl-generator-workspace-background: var(--pl-surface-default);
  --pl-generator-workspace-border: var(--pl-border-default);
  --pl-generator-summary-background: var(--pl-surface-subtle);
  --pl-generator-summary-padding: var(--pl-space-4);
  --pl-generator-metadata-min-width: 144px;
  --pl-generator-metadata-divider: var(--pl-border-default);
  --pl-generator-toolbar-min-height: 60px;
  --pl-generator-toolbar-padding: var(--pl-space-2);
  --pl-generator-toolbar-background: rgba(255, 255, 255, 0.96);
  --pl-generator-toolbar-shadow: 0 10px 30px -20px rgba(22, 52, 78, 0.28);
  --pl-generator-tab-min-height: 44px;
  --pl-generator-tab-padding-inline: var(--pl-space-4);
  --pl-generator-tab-radius: var(--pl-radius-control);
  --pl-generator-tab-active-background: var(--pl-feature-generator-action-background);
  --pl-generator-tab-active-text: var(--pl-feature-generator-action-text);
  --pl-generator-content-padding: var(--pl-space-6);
  --pl-generator-content-padding-mobile: var(--pl-space-4);
  --pl-generator-reading-max-width: 880px;
  --pl-generator-reading-line-height: 1.78;
  --pl-generator-illustration-max-width: 880px;
  --pl-generator-illustration-ratio: 3 / 2;
  --pl-generator-illustration-radius: var(--pl-radius-card);
  --pl-generator-sequence-moment-background: var(--pl-surface-subtle);
  --pl-generator-sequence-moment-accent: var(--pl-color-violet-500);
  --pl-generator-item-radius: var(--pl-radius-card);
  --pl-generator-item-gap: var(--pl-space-4);
  --pl-generator-guide-background: var(--pl-surface-subtle);
  --pl-generator-saved-text: var(--pl-color-green-700);
  --pl-generator-saved-icon-background: var(--pl-color-green-100);
  --pl-generator-editor-background: var(--pl-color-violet-50);
  --pl-generator-editor-border: var(--pl-color-violet-200);
  --pl-generator-library-gap: var(--pl-space-4);
  --pl-generator-library-card-background: var(--pl-surface-default);
  --pl-generator-library-card-border: var(--pl-border-default);
  --pl-generator-library-card-padding: var(--pl-space-5);
}