ps-custom-properties

tokens.css

:root {
  --ps-color-gray-50: #F9FAFB;
  --ps-color-gray-100: #EEF0F2;
  --ps-color-gray-200: #DEE4E8;
  --ps-color-gray-300: #C2CDD6;
  --ps-color-gray-400: #8E9EAC;
  --ps-color-gray-500: #5F7482;
  --ps-color-gray-600: #434F5C;
  --ps-color-gray-700: #1E2B36;
  --ps-color-blue-100: #EBF4FB;
  --ps-color-blue-200: #CFE4F6;
  --ps-color-blue-300: #A0CAED;
  --ps-color-blue-400: #0079CA;
  --ps-color-blue-500: #3970A5;
  --ps-color-green-100: #EEF9F5;
  --ps-color-green-200: #D6F2E8;
  --ps-color-green-300: #AEE4D2;
  --ps-color-green-400: #3FCEA3;
  --ps-color-green-500: #50987C;
  --ps-color-red-100: #FBEFF1;
  --ps-color-red-200: #F8D8DD;
  --ps-color-red-300: #F1B1BC;
  --ps-color-red-400: #FC5E77;
  --ps-color-red-500: #AE4E5B;
  --ps-color-yellow-100: #FFF8E5;
  --ps-color-yellow-200: #FFEFBF;
  --ps-color-yellow-300: #FFDE7F;
  --ps-color-yellow-400: #FFBE00;
  --ps-color-yellow-500: #BF8F00;
  --ps-color-purple-100: #F0ECFC;
  --ps-color-purple-200: #DAD1F9;
  --ps-color-purple-300: #B6A4F3;
  --ps-color-purple-400: #7545F4;
  --ps-color-purple-500: #5238AF;
  --ps-color-orange-100: #FFF4E8;
  --ps-color-orange-200: #FFE4C6;
  --ps-color-orange-300: #FFC98C;
  --ps-color-orange-400: #FF931A;
  --ps-color-orange-500: #BF6E13;
  --ps-color-black: #1E2B36;
  --ps-color-white: #FFFFFF;

  --ps-size-px: 1px;
  --ps-size-0\\.5: 2px;
  --ps-size-0: 0px;
  --ps-size-1: 4px;
  --ps-size-1\\.5: 6px;
  --ps-size-2: 8px;
  --ps-size-2\\.5: 10px;
  --ps-size-3: 12px;
  --ps-size-3\\.5: 14px;
  --ps-size-4: 16px;
  --ps-size-5: 20px;
  --ps-size-6: 24px;
  --ps-size-7: 28px;
  --ps-size-8: 32px;
  --ps-size-9: 36px;
  --ps-size-10: 40px;
  --ps-size-11: 44px;
  --ps-size-12: 48px;
  --ps-size-13: 52px;
  --ps-size-14: 56px;
  --ps-size-15: 60px;
  --ps-size-16: 64px;
  --ps-size-17: 68px;
  --ps-size-18: 72px;
  --ps-size-19: 76px;
  --ps-size-20: 80px;
  --ps-size-21: 84px;
  --ps-size-22: 88px;
  --ps-size-23: 92px;
  --ps-size-24: 96px;
  --ps-size-25: 100px;
  --ps-size-26: 104px;
  --ps-size-27: 108px;
  --ps-size-28: 112px;
  --ps-size-29: 116px;
  --ps-size-30: 120px;
  --ps-size-31: 124px;
  --ps-size-32: 128px;
  --ps-size-33: 132px;
  --ps-size-34: 136px;
  --ps-size-35: 140px;
  --ps-size-36: 144px;
  --ps-size-37: 148px;
  --ps-size-38: 152px;
  --ps-size-39: 156px;
  --ps-size-40: 160px;
  --ps-size-41: 164px;
  --ps-size-42: 168px;
  --ps-size-43: 172px;
  --ps-size-44: 176px;
  --ps-size-45: 180px;
  --ps-size-46: 184px;
  --ps-size-47: 188px;
  --ps-size-48: 192px;
  --ps-size-49: 196px;
  --ps-size-50: 200px;
  --ps-size-51: 204px;
  --ps-size-52: 208px;
  --ps-size-53: 212px;
  --ps-size-54: 216px;
  --ps-size-55: 220px;
  --ps-size-56: 224px;
  --ps-size-57: 228px;
  --ps-size-58: 232px;
  --ps-size-59: 236px;
  --ps-size-60: 240px;
  --ps-size-61: 244px;
  --ps-size-62: 248px;
  --ps-size-63: 252px;
  --ps-size-64: 256px;
  --ps-size-65: 260px;
  --ps-size-66: 264px;
  --ps-size-67: 268px;
  --ps-size-68: 272px;
  --ps-size-69: 276px;
  --ps-size-70: 280px;
  --ps-size-71: 284px;
  --ps-size-72: 288px;
  --ps-size-73: 292px;
  --ps-size-74: 296px;
  --ps-size-75: 300px;
  --ps-size-76: 304px;
  --ps-size-77: 308px;
  --ps-size-78: 312px;
  --ps-size-79: 316px;
  --ps-size-80: 320px;
  --ps-size-96: 384px;
  --ps-size-100: 400px;
  --ps-size-full: 100%;
  --ps-size-3xs: 224px;
  --ps-size-2xs: 256px;
  --ps-size-xs: 320px;
  --ps-size-sm: 384px;
  --ps-size-md: 448px;
  --ps-size-lg: 512px;
  --ps-size-xl: 576px;
  --ps-size-2xl: 672px;
  --ps-size-3xl: 768px;
  --ps-size-4xl: 896px;
  --ps-size-5xl: 1024px;
  --ps-size-6xl: 1152px;
  --ps-size-7xl: 1280px;

  --ps-fontSize-xs: 12px;
  --ps-fontSize-sm: 14px;
  --ps-fontSize-md: 16px;
  --ps-fontSize-lg: 20px;
  --ps-fontSize-xl: 28px;
  --ps-fontSize-2xl: 36px;
  --ps-fontSize-3xl: 48px;

  --ps-lineHeight-normal: normal;
  --ps-lineHeight-none: 1;
  --ps-lineHeight-shorter: 1.2;
  --ps-lineHeight-short: 1.33333;
  --ps-lineHeight-base: 1.5;
  --ps-lineHeight-tall: 1.66666;
  --ps-lineHeight-taller: 2;

  --ps-letterSpacing-tighter: -0.05em;
  --ps-letterSpacing-tight: -0.025em;
  --ps-letterSpacing-normal: 0;
  --ps-letterSpacing-wide: 0.025em;
  --ps-letterSpacing-wider: 0.0625em;
  --ps-letterSpacing-widest: 0.1em;

  --ps-borderRadius-none: 0;
  --ps-borderRadius-sm: 0.2rem;
  --ps-borderRadius-base: 0.4rem;
  --ps-borderRadius-md: 0.6rem;
  --ps-borderRadius-lg: 0.8rem;
  --ps-borderRadius-xl: 1.2rem;
  --ps-borderRadius-2xl: 1.6rem;
  --ps-borderRadius-3xl: 2.4rem;
  --ps-borderRadius-full: 9999px;

  // app/styles/boulevard-theme/_boulevard-variables.scss:114
  --ps-navbar-height: 62px;
}