/*
  Prose UI v1.6 - tokens
*/

:where(html) {

  /* size - base */
  --prs-size: .25rem; /* 4px */

  /* size - scale */
  --prs-size-0: 0px; /* 0px */
  --prs-size-0-5: calc(var(--prs-size) * 0.5); /* 2px */
  --prs-size-1: var(--prs-size); /* 4px */
  --prs-size-1-5: calc(var(--prs-size) * 1.5); /* 6px */
  --prs-size-2: calc(var(--prs-size) * 2); /* 8px */
  --prs-size-2-5: calc(var(--prs-size) * 2.5); /* 10px */
  --prs-size-3: calc(var(--prs-size) * 3); /* 12px */
  --prs-size-3-5: calc(var(--prs-size) * 3.5); /* 14px */
  --prs-size-4: calc(var(--prs-size) * 4); /* 16px */
  --prs-size-5: calc(var(--prs-size) * 5); /* 20px */
  --prs-size-6: calc(var(--prs-size) * 6); /* 24px */
  --prs-size-7: calc(var(--prs-size) * 7); /* 28px */
  --prs-size-8: calc(var(--prs-size) * 8); /* 32px */
  --prs-size-9: calc(var(--prs-size) * 9); /* 36px */
  --prs-size-10: calc(var(--prs-size) * 10); /* 40px */
  --prs-size-11: calc(var(--prs-size) * 11); /* 44px */
  --prs-size-12: calc(var(--prs-size) * 12); /* 48px */
  --prs-size-14: calc(var(--prs-size) * 14); /* 56px */
  --prs-size-16: calc(var(--prs-size) * 16); /* 64px */
  --prs-size-18: calc(var(--prs-size) * 18); /* 72px */
  --prs-size-20: calc(var(--prs-size) * 20); /* 80px */
  --prs-size-24: calc(var(--prs-size) * 24); /* 96px */
  --prs-size-28: calc(var(--prs-size) * 28); /* 112px */
  --prs-size-32: calc(var(--prs-size) * 32); /* 128px */
  --prs-size-36: calc(var(--prs-size) * 36); /* 144px */
  --prs-size-40: calc(var(--prs-size) * 40); /* 160px */
  --prs-size-44: calc(var(--prs-size) * 44); /* 176px */
  --prs-size-48: calc(var(--prs-size) * 48); /* 192px */
  --prs-size-52: calc(var(--prs-size) * 52); /* 208px */
  --prs-size-56: calc(var(--prs-size) * 56); /* 224px */
  --prs-size-60: calc(var(--prs-size) * 60); /* 240px */
  --prs-size-64: calc(var(--prs-size) * 64); /* 256px */
  --prs-size-72: calc(var(--prs-size) * 72); /* 288px */
  --prs-size-80: calc(var(--prs-size) * 80); /* 320px */
  --prs-size-96: calc(var(--prs-size) * 96); /* 384px */

  /* size - px */
  --prs-size-px-1: 1px;
  --prs-size-px-2: 2px;
  --prs-size-px-3: 3px;
  --prs-size-px-4: 4px;

  /* size - fluid */
  --prs-size-fluid-1: clamp(calc(var(--prs-size) * 2), 1vw, calc(var(--prs-size) * 4)); /* ~8px to 16px */
  --prs-size-fluid-2: clamp(calc(var(--prs-size) * 4), 2vw, calc(var(--prs-size) * 6)); /* ~16px to 24px */
  --prs-size-fluid-3: clamp(calc(var(--prs-size) * 6), 3vw, calc(var(--prs-size) * 8)); /* ~24px to 32px */
  --prs-size-fluid-4: clamp(calc(var(--prs-size) * 8), 4vw, calc(var(--prs-size) * 12)); /* ~32px to 48px */
  --prs-size-fluid-5: clamp(calc(var(--prs-size) * 16), 5vw, calc(var(--prs-size) * 20)); /* ~64px to 80px */
  --prs-size-fluid-6: clamp(calc(var(--prs-size) * 20), 7vw, calc(var(--prs-size) * 30)); /* ~80px to 120px */
  --prs-size-fluid-7: clamp(calc(var(--prs-size) * 30), 10vw, calc(var(--prs-size) * 40)); /* ~120px to 160px */
  --prs-size-fluid-8: clamp(calc(var(--prs-size) * 40), 20vw, calc(var(--prs-size) * 60)); /* ~160px to 240px */
  --prs-size-fluid-9: clamp(calc(var(--prs-size) * 60), 30vw, calc(var(--prs-size) * 80)); /* ~240px to 320px */
  --prs-size-fluid-10: clamp(calc(var(--prs-size) * 80), 40vw, calc(var(--prs-size) * 120)); /* ~320px to 480px */

  /* size - container */
  --prs-size-xxs: 240px;
  --prs-size-xs: 360px;
  --prs-size-sm: 480px;
  --prs-size-md: 768px;
  --prs-size-lg: 1024px;
  --prs-size-xl: 1440px;
  --prs-size-xxl: 1920px;

  /* black */
  --prs-c-black: #000000;

  /* white */
  --prs-c-white: #FFFFFF;

  /* primary */
  --prs-c-primary-50: #F6F0FC;
  --prs-c-primary-100: #EADFF7;
  --prs-c-primary-200: #CAB2ED;
  --prs-c-primary-300: #A387E0;
  --prs-c-primary-400: #573DCC;
  --prs-c-primary-500: #0600B4;
  --prs-c-primary: var(--prs-c-primary-500);
  --prs-c-primary-600: #0500A3;
  --prs-c-primary-700: #050087;
  --prs-c-primary-800: #04006E;
  --prs-c-primary-900: #010052;
  --prs-c-primary-950: #010036;

  /* secondary */
  --prs-c-secondary-50: #FFF5FC;
  --prs-c-secondary-100: #FFEBF9;
  --prs-c-secondary-200: #FFC9EC;
  --prs-c-secondary-300: #FFA8DC;
  --prs-c-secondary-400: #FF69B6;
  --prs-c-secondary-500: #FF2986;
  --prs-c-secondary: var(--prs-c-secondary-500);
  --prs-c-secondary-600: #E62072;
  --prs-c-secondary-700: #BF1757;
  --prs-c-secondary-800: #990F3F;
  --prs-c-secondary-900: #73082A;
  --prs-c-secondary-950: #4A0418;

  /* accent */
  --prs-c-accent-50: #FAEDF9;
  --prs-c-accent-100: #F5DCF2;
  --prs-c-accent-200: #E8AEE0;
  --prs-c-accent-300: #DB84D0;
  --prs-c-accent-400: #BF3BA9;
  --prs-c-accent-500: #A30283;
  --prs-c-accent: var(--prs-c-accent-500);
  --prs-c-accent-600: #940172;
  --prs-c-accent-700: #7A0156;
  --prs-c-accent-800: #61013E;
  --prs-c-accent-900: #4A002B;
  --prs-c-accent-950: #300019;

  /* gray */
  --prs-c-gray-50: #FAFAFA;
  --prs-c-gray-100: #F1F0F1;
  --prs-c-gray-200: #E0DFE0;
  --prs-c-gray-300: #CBCACC;
  --prs-c-gray-400: #A5A4A7;
  --prs-c-gray-500: #807F82;
  --prs-c-gray: var(--prs-c-gray-500);
  --prs-c-gray-600: #69686F;
  --prs-c-gray-700: #494751;
  --prs-c-gray-800: #31303B;
  --prs-c-gray-900: #1D1B26;
  --prs-c-gray-950: #0E0D16;

  /* info */
  --prs-c-info-50: #F9FCFF;
  --prs-c-info-100: #E4F3FF;
  --prs-c-info-200: #C6E7FF;
  --prs-c-info-300: #A1D9FF;
  --prs-c-info-400: #72CBFF;
  --prs-c-info-500: #00BCFF;
  --prs-c-info: var(--prs-c-info-500);
  --prs-c-info-600: #00A8E4;
  --prs-c-info-700: #0092C6;
  --prs-c-info-800: #0077A1;
  --prs-c-info-900: #005472;
  --prs-c-info-950: #002A39;

  /* warning */
  --prs-c-warning-50: #FEFFF9;
  --prs-c-warning-100: #F9FFE4;
  --prs-c-warning-200: #F3FFC6;
  --prs-c-warning-300: #EDFFA1;
  --prs-c-warning-400: #E7FF72;
  --prs-c-warning-500: #E1FF00;
  --prs-c-warning: var(--prs-c-warning-500);
  --prs-c-warning-600: #C9E400;
  --prs-c-warning-700: #AEC600;
  --prs-c-warning-800: #8EA100;
  --prs-c-warning-900: #657200;
  --prs-c-warning-950: #323900;

  /* success */
  --prs-c-success-50: #F9FEFB;
  --prs-c-success-100: #E4FCF0;
  --prs-c-success-200: #C6F9E0;
  --prs-c-success-300: #A1F6CF;
  --prs-c-success-400: #72F3BD;
  --prs-c-success-500: #00F0A8;
  --prs-c-success: var(--prs-c-success-500);
  --prs-c-success-600: #00D796;
  --prs-c-success-700: #00BA82;
  --prs-c-success-800: #00986A;
  --prs-c-success-900: #006B4B;
  --prs-c-success-950: #003626;

  /* danger */
  --prs-c-danger-50: #FEF9F9;
  --prs-c-danger-100: #F9E5E8;
  --prs-c-danger-200: #F3C7CE;
  --prs-c-danger-300: #EDA3B1;
  --prs-c-danger-400: #E7768D;
  --prs-c-danger-500: #E0205D;
  --prs-c-danger: var(--prs-c-danger-500);
  --prs-c-danger-600: #C81D53;
  --prs-c-danger-700: #AE1948;
  --prs-c-danger-800: #8E143B;
  --prs-c-danger-900: #640E2A;
  --prs-c-danger-950: #320715;

  /* typography */
  --prs-ff-sans: 'Figtree', ui-sans-serif, system-ui, -apple-system, 'system-ui', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  --prs-ff-serif: 'Literata', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
  --prs-ff-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
  --prs-ff-websafe: Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';

  /* typography - base */
  --prs-fw-base: normal;
  --prs-fz-base: 16;
  --prs-fl-base: 1.5;

  /*
    typography - heading
    fw = font-weight; fz = font-size; fl = leading/line-height
  */
  --prs-fw-heading-xl: 600;
  --prs-fz-heading-xl: 2rem;
  --prs-fl-heading-xl: 1.5;
  --prs-fw-heading-lg: 600;
  --prs-fz-heading-lg: 1.5rem;
  --prs-fl-heading-lg: 1.33;
  --prs-fw-heading-md: 600;
  --prs-fz-heading-md: 1.125rem;
  --prs-fl-heading-md: 1.33;
  --prs-fw-heading-sm: 600;
  --prs-fz-heading-sm: 1rem;
  --prs-fl-heading-sm: 1.25;

  /*
    typography - content
    fw = font-weight; fz = font-size; fl = leading/line-height
  */
  --prs-fw-content: normal;
  --prs-fz-content: 1.0625rem;
  --prs-fl-content: 1.59;
  --prs-fw-content-footnote: normal;
  --prs-fz-content-footnote: 0.8125rem;
  --prs-fl-content-footnote: 1.54;

  /*
    typography - ui
    fw = font-weight; fz = font-size; fl = leading/line-height
  */
  --prs-fw-ui-lg: normal;
  --prs-fz-ui-lg: 1.125rem;
  --prs-fl-ui-lg: 1.33;
  --prs-fw-ui-md: normal;
  --prs-fz-ui-md: 1rem;
  --prs-fl-ui-md: 1.5;
  --prs-fw-ui-sm: normal;
  --prs-fz-ui-sm: 0.875rem;
  --prs-fl-ui-sm: 1.375;
  --prs-fw-ui-subtext: normal;
  --prs-fz-ui-subtext: 0.8125rem;
  --prs-fl-ui-subtext: 1.38;

  /*
    typography - button
    fw = font-weight; fz = font-size; fl = leading/line-height
  */
  --prs-fw-button-lg: 600;
  --prs-fz-button-lg: 1.125rem;
  --prs-fl-button-lg: 1.3333333333;
  --prs-fw-button-md: 600;
  --prs-fz-button-md: 1rem;
  --prs-fl-button-md: 1.375;
  --prs-fw-button-sm: 600;
  --prs-fz-button-sm: 0.75rem;
  --prs-fl-button-sm: 1.5;

  /* border */
  --prs-border-btn: 1px;

  /* input */
  --prs-input-size: 0.25rem;

  /* cal */
  --prs-cal-width: 15.875rem;
  --prs-cal-radius: 0.25rem;
  --prs-cal-day-radius: 0.3125rem;
  --prs-cal-day-selected: var(--prs-c-primary);

  /* dialog */
  --prs-dialog-backdrop: 0 0 0 / 0.5;

  /* radius */
  --prs-radius-alert: 0.25rem;
  --prs-radius-badge: 1.9rem;
  --prs-radius-box: 0.75rem;
  --prs-radius-btn: 0.1875rem;
  --prs-radius-input: 0;

  /* shadow */
  --prs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --prs-shadow-md: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --prs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --prs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --prs-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 15px 20px -5px rgba(0, 0, 0, 0.1);

  /* transition */
  --prs-transition-property: backdrop-filter, background-color, border-color, box-shadow, color, content-visibility, display, fill, filter, opacity, outline-color, overlay, pointer-events, rotate, scale, stroke, text-decoration-color, transform, translate, -webkit-backdrop-filter;
  --prs-transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
  --prs-transition-duration: 150ms;
}