/* ABOUTME: Auto-generated from inc/tokens.php. Do not edit directly. */
/* ABOUTME: Regenerate with: php bin/generate-tokens.php */

@layer tokens {
  :root {
    --pl-color-neutral-50: #FAFAF9;
    --pl-color-neutral-100: #F5F5F4;
    --pl-color-neutral-200: #E7E5E4;
    --pl-color-neutral-300: #D6D3D1;
    --pl-color-neutral-400: #A8A29E;
    --pl-color-neutral-500: #78716C;
    --pl-color-neutral-600: #57534E;
    --pl-color-neutral-700: #44403C;
    --pl-color-neutral-800: #292524;
    --pl-color-neutral-900: #1C1917;
    --pl-color-primary-lighter: #CCFBF1;
    --pl-color-primary-light: #5EEAD4;
    --pl-color-primary: #0D9488;
    --pl-color-primary-dark: #0F766E;
    --pl-color-primary-darker: #134E4A;
    --pl-color-secondary-light: #FDE68A;
    --pl-color-secondary: #F59E0B;
    --pl-color-secondary-dark: #B45309;
    --pl-color-success: #16A34A;
    --pl-color-warning: #EAB308;
    --pl-color-error: #DC2626;
    --pl-color-info: #2563EB;
    --pl-color-surface-page: #FFFFFF;
    --pl-color-surface-alt: #FAFAF9;
    --pl-color-surface-raised: #FFFFFF;
    --pl-color-surface-overlay: rgba(28, 25, 23, 0.6);
    --pl-color-text-primary: #292524;
    --pl-color-text-secondary: #57534E;
    --pl-color-text-muted: #A8A29E;
    --pl-color-text-inverse: #FFFFFF;
    --pl-color-text-link: #0D9488;
    --pl-color-text-link-hover: #0F766E;
    --pl-link-underline-color: color-mix(in srgb, currentColor 45%, transparent);
    --pl-link-underline-color-hover: currentColor;
    --pl-link-underline-thickness: 0.08em;
    --pl-link-underline-thickness-hover: 0.12em;
    --pl-link-underline-thickness-heading: 0.06em;
    --pl-link-underline-offset: 0.18em;
    --pl-color-border: #E7E5E4;
    --pl-color-surface: #FFFFFF;
    --pl-color-accent: #0D9488;
    --pl-color-on-accent: #FFFFFF;
    --pl-color-button-secondary-bg: #F5F5F4;
    --pl-color-button-secondary-text: #292524;
    --pl-color-button-secondary-border: #E7E5E4;
    --pl-color-button-secondary-bg-hover: #E7E5E4;
    --pl-color-code-bg: #F5F5F4;
    --pl-color-code-border: #E7E5E4;
    --pl-font-size-sm: 0.875rem;
    --pl-font-size-lg: 1.25rem;
    --pl-text-nav: 1rem;
    --pl-text-site-title: 1.5625rem;
    --pl-font-weight-semibold: 600;
    --pl-line-height-tight: 1.25;
    --pl-line-height-relaxed: 1.75;
    --pl-font-heading: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    --pl-font-body: 'Fira Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    --pl-font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;
    --pl-leading-tight: 1.25;
    --pl-leading-normal: 1.65;
    --pl-leading-relaxed: 1.75;
    --pl-lead-size: 1.375rem;
    --pl-lead-leading: 1.55;
    --pl-weight-normal: 400;
    --pl-weight-medium: 500;
    --pl-weight-semibold: 600;
    --pl-weight-bold: 700;
    --pl-tracking-tight: -0.025em;
    --pl-tracking-normal: 0em;
    --pl-tracking-wide: 0.05em;
    --pl-space-1: 0.25rem;
    --pl-space-2: 0.5rem;
    --pl-space-3: 0.75rem;
    --pl-space-4: 1rem;
    --pl-space-5: 1.5rem;
    --pl-space-6: 2rem;
    --pl-space-7: 3rem;
    --pl-space-8: 4rem;
    --pl-space-9: 6rem;
    --pl-space-10: 8rem;
    --pl-section-gap: 4rem;
    --pl-section-gap-compact: var(--pl-space-4);
    --pl-section-gap-standard: var(--pl-space-6);
    --pl-section-gap-spacious: var(--pl-space-8);
    --pl-section-padding-y: 4rem;
    --pl-section-padding-compact: clamp(2rem, 4vw, 3rem);
    --pl-section-padding-standard: clamp(3rem, 6vw, 5rem);
    --pl-section-padding-spacious: clamp(4rem, 8vw, 7rem);
    --pl-section-height-medium: 24rem;
    --pl-section-height-tall: 60vh;
    --pl-section-height-screen: 100svh;
    --pl-width-content: 50rem;
    --pl-width-prose: 68ch;
    --pl-width-prose-centered: 56ch;
    --pl-width-wide: 75rem;
    --pl-width-full: 100%;
    --pl-gutter: 1.5rem;
    --pl-radius-sm: 0.25rem;
    --pl-radius-md: 0.5rem;
    --pl-radius-lg: 1rem;
    --pl-radius-full: 9999px;
    --pl-border-thin: 1px;
    --pl-border-medium: 2px;
    --pl-shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.06);
    --pl-shadow-md: 0 4px 12px rgba(28, 25, 23, 0.08);
    --pl-shadow-lg: 0 12px 32px rgba(28, 25, 23, 0.12);
    --pl-duration-fast: 100ms;
    --pl-duration-normal: 200ms;
    --pl-duration-slow: 400ms;
    --pl-easing-default: cubic-bezier(0.4, 0, 0.2, 1);
    --pl-easing-in: cubic-bezier(0.4, 0, 1, 1);
    --pl-easing-out: cubic-bezier(0, 0, 0.2, 1);
    --pl-spring: linear(0, 0.01, 0.04 1.8%, 0.161 3.7%, 0.81 10.6%, 1.038, 1.18 16.4%, 1.223, 1.253 20.2% 21.1%, 1.232, 1.19 25.4%, 1.058 30.8%, 1.001 33.5%, 0.958 36.5%, 0.945, 0.938 39.6%, 0.941 43.8%, 0.999 53.9%, 1.01 56.7%, 1.015 59.7% 64.3%, 1.001 74.2%, 0.996 79.6%, 1);
    --pl-tracking-caps: 0.08em;
    --pl-z-base: 0;
    --pl-z-raised: 10;
    --pl-z-dropdown: 100;
    --pl-z-sticky: 200;
    --pl-z-overlay: 300;
    --pl-z-modal: 400;
    --pl-z-toast: 500;
    --pl-type-root: 100%;
    --pl-type-base: 1rem;
    --pl-type-ratio: 1.25;
    --pl-text-xs: calc(var(--pl-type-base) / pow(var(--pl-type-ratio), 2));
    --pl-text-sm: 0.875rem;
    --pl-text-base: var(--pl-type-base);
    --pl-text-lg: calc(var(--pl-type-base) * pow(var(--pl-type-ratio), 1));
    --pl-text-xl: calc(var(--pl-type-base) * pow(var(--pl-type-ratio), 2));
    --pl-text-2xl: calc(var(--pl-type-base) * pow(var(--pl-type-ratio), 3));
    --pl-text-3xl: calc(var(--pl-type-base) * pow(var(--pl-type-ratio), 4));
    --pl-text-4xl: calc(var(--pl-type-base) * pow(var(--pl-type-ratio), 5));
    --pl-text-5xl: calc(var(--pl-type-base) * pow(var(--pl-type-ratio), 6));
    --pl-text-fluid-h1: clamp(var(--pl-text-3xl), 4vw + 1rem, var(--pl-text-4xl));
    --pl-text-fluid-h2: clamp(var(--pl-text-2xl), 2.5vw + 0.75rem, var(--pl-text-3xl));
    interpolate-size: allow-keywords;
  }

  @media (prefers-reduced-motion: reduce) {
    :root {
      --pl-duration-fast: 0ms;
      --pl-duration-normal: 0ms;
      --pl-duration-slow: 0ms;
    }
  }
}