/* Ported from Twenty (https://github.com/twentyhq/twenty, commit f0ab542a), AGPL-3.0; see vendor/TWENTY-NOTICE.txt.
   Source: packages/twenty-ui/src/theme/theme-light.css and theme-dark.css (generated from design-tokens), the families Pencil
   uses: grey scale, font colours, sizes and weights, backgrounds, borders, radii, shadows, spacing, tag and accent colours, the blue and red bases.
   Changes: `.light` / `.dark` become :root / :root[data-theme="dark"]; no @layer; the rem font sizes are written in px at
   Twenty's 13px root (Pencil's root stays 16px); the squircle radius doubling is left out. tokens.css maps Pencil's names onto these. */

:root {
  --t-icon-size-sm: 14;
  --t-icon-size-md: 16;
  --t-icon-size-lg: 20;
  --t-icon-size-xl: 24;
  --t-icon-stroke-sm: 1.6;
  --t-icon-stroke-md: 2;
  --t-icon-stroke-lg: 2.5;
  --t-text-line-height-lg: 1.5;
  --t-text-line-height-md: 1.1;
  --t-animation-duration-instant: 0.075;
  --t-animation-duration-fast: 0.15;
  --t-animation-duration-normal: 0.3;
  --t-animation-duration-slow: 1.5;
  --t-spacing-multiplicator: 4;
  --t-spacing-0: 0px;
  --t-spacing-1: 4px;
  --t-spacing-2: 8px;
  --t-spacing-3: 12px;
  --t-spacing-4: 16px;
  --t-spacing-5: 20px;
  --t-spacing-6: 24px;
  --t-spacing-7: 28px;
  --t-spacing-8: 32px;
  --t-spacing-9: 36px;
  --t-spacing-10: 40px;
  --t-spacing-11: 44px;
  --t-spacing-12: 48px;
  --t-spacing-13: 52px;
  --t-spacing-14: 56px;
  --t-spacing-15: 60px;
  --t-spacing-16: 64px;
  --t-spacing-17: 68px;
  --t-spacing-18: 72px;
  --t-spacing-19: 76px;
  --t-spacing-20: 80px;
  --t-spacing-21: 84px;
  --t-spacing-22: 88px;
  --t-spacing-23: 92px;
  --t-spacing-24: 96px;
  --t-spacing-25: 100px;
  --t-spacing-26: 104px;
  --t-spacing-27: 108px;
  --t-spacing-28: 112px;
  --t-spacing-29: 116px;
  --t-spacing-30: 120px;
  --t-spacing-31: 124px;
  --t-spacing-32: 128px;
  --t-spacing-0_5: 2px;
  --t-spacing-1_5: 6px;
  --t-between-siblings-gap: 2px;
  --t-clickable-element-background-transition: background 0.1s ease;
  --t-buttons-secondary-text-color: color(display-p3 0.63 0.69 1);
  --t-accent-primary: color(display-p3 0.831 0.87 1);
  --t-accent-secondary: color(display-p3 0.831 0.87 1);
  --t-accent-tertiary: color(display-p3 0.933 0.948 0.992);
  --t-accent-quaternary: color(display-p3 0.971 0.977 0.998);
  --t-accent-accent3570: color(display-p3 0.569 0.639 0.916);
  --t-accent-accent4060: color(display-p3 0.569 0.639 0.916);
  --t-accent-accent1: color(display-p3 0.992 0.992 0.996);
  --t-accent-accent2: color(display-p3 0.971 0.977 0.998);
  --t-accent-accent3: color(display-p3 0.933 0.948 0.992);
  --t-accent-accent4: color(display-p3 0.885 0.914 1);
  --t-accent-accent5: color(display-p3 0.831 0.87 1);
  --t-accent-accent6: color(display-p3 0.767 0.814 0.995);
  --t-accent-accent7: color(display-p3 0.685 0.74 0.957);
  --t-accent-accent8: color(display-p3 0.569 0.639 0.916);
  --t-accent-accent9: color(display-p3 0.276 0.384 0.837);
  --t-accent-accent10: color(display-p3 0.234 0.343 0.801);
  --t-accent-accent11: color(display-p3 0.256 0.354 0.755);
  --t-accent-accent12: color(display-p3 0.133 0.175 0.348);
  --t-background-primary: color(display-p3 1 1 1);
  --t-background-secondary: color(display-p3 0.988 0.988 0.988);
  --t-background-tertiary: color(display-p3 0.945 0.945 0.945);
  --t-background-quaternary: color(display-p3 0.922 0.922 0.922);
  --t-background-danger: color(display-p3 0.985 0.925 0.925);
  --t-background-transparent-primary: color(display-p3 1 1 1 / 0.5);
  --t-background-transparent-secondary: color(display-p3 1 1 1 / 0.4);
  --t-background-transparent-strong: color(display-p3 0 0 0 / 0.161);
  --t-background-transparent-medium: color(display-p3 0 0 0 / 0.078);
  --t-background-transparent-light: color(display-p3 0 0 0 / 0.039);
  --t-background-transparent-lighter: color(display-p3 0 0 0 / 0.02);
  --t-background-transparent-danger: #f3000d14;
  --t-background-transparent-blue: #0047f112;
  --t-background-transparent-orange: #ff9c0029;
  --t-background-transparent-success: #00a43319;
  --t-background-overlay-primary: color(display-p3 0 0 0 / 0.722);
  --t-background-overlay-secondary: color(display-p3 0 0 0 / 0.361);
  --t-background-overlay-tertiary: color(display-p3 0 0 0 / 0.071);
  --t-background-primary-inverted: color(display-p3 0.2 0.2 0.2);
  --t-background-primary-inverted-hover: color(display-p3 0.4 0.4 0.4);
  --t-blur-light: blur(6px) saturate(200%) contrast(50%) brightness(130%);
  --t-blur-medium: blur(12px) saturate(200%) contrast(50%) brightness(130%);
  --t-blur-strong: blur(20px) saturate(200%) contrast(50%) brightness(130%);
  --t-border-color-strong: color(display-p3 0.839 0.839 0.839);
  --t-border-color-medium: color(display-p3 0.922 0.922 0.922);
  --t-border-color-light: color(display-p3 0.945 0.945 0.945);
  --t-border-color-secondary-inverted: color(display-p3 0.4 0.4 0.4);
  --t-border-color-inverted: color(display-p3 0.2 0.2 0.2);
  --t-border-color-danger: color(display-p3 0.984 0.812 0.811);
  --t-border-color-blue: color(display-p3 0.685 0.74 0.957);
  --t-border-color-transparent-strong: color(display-p3 0 0 0 / 0.071);
  --t-border-radius-xs: 2px;
  --t-border-radius-sm: 4px;
  --t-border-radius-md: 8px;
  --t-border-radius-sm-round: 4px;
  --t-border-radius-md-round: 8px;
  --t-border-radius-lg-round: 12px;
  --t-border-radius-lg: 16px;
  --t-border-radius-xl: 20px;
  --t-border-radius-xxl: 40px;
  --t-border-radius-pill: 999px;
  --t-border-radius-rounded: 100%;
  --t-box-shadow-color: color(display-p3 0 0 0 / 0.039);
  --t-box-shadow-light: 0px 2px 4px 0px color(display-p3 0 0 0 / 0.039), 0px 0px 4px 0px color(display-p3 0 0 0 / 0.078);
  --t-box-shadow-sidebar: -4px 4px 4px 0px rgba(0, 0, 0, 0.005);
  --t-box-shadow-bottom-panel: 0px 0px 20px 0px color(display-p3 0 0 0 / 0.1);
  --t-box-shadow-strong: 2px 4px 16px 0px color(display-p3 0 0 0 / 0.161), 0px 2px 4px 0px color(display-p3 0 0 0 / 0.078);
  --t-box-shadow-underline: 0px 1px 0px 0px color(display-p3 0 0 0 / 0.361);
  --t-box-shadow-super-heavy: 0px 0px 8px 0px color(display-p3 0 0 0 / 0.161), 0px 8px 64px -16px color(display-p3 0 0 0 / 0.478), 0px 24px 56px -16px color(display-p3 0 0 0 / 0.078);
  --t-font-color-primary: color(display-p3 0.2 0.2 0.2);
  --t-font-color-secondary: color(display-p3 0.4 0.4 0.4);
  --t-font-color-tertiary: color(display-p3 0.6 0.6 0.6);
  --t-font-color-light: color(display-p3 0.702 0.702 0.702);
  --t-font-color-extra-light: color(display-p3 0.8 0.8 0.8);
  --t-font-color-inverted: color(display-p3 1 1 1);
  --t-font-color-on-accent: color(display-p3 1 1 1);
  --t-font-color-danger: color(display-p3 0.83 0.329 0.324);
  --t-font-size-xxs: 8px;
  --t-font-size-xs: 11px;
  --t-font-size-sm: 12px;
  --t-font-size-md: 13px;
  --t-font-size-lg: 16px;
  --t-font-size-xl: 20px;
  --t-font-size-xxl: 24px;
  --t-font-weight-regular: 400;
  --t-font-weight-medium: 500;
  --t-font-weight-semi-bold: 600;
  --t-font-family: Inter, sans-serif;
  --t-tag-text-gray: color(display-p3 0.4 0.4 0.4);
  --t-tag-text-mauve: color(display-p3 0.395 0.388 0.424);
  --t-tag-text-slate: color(display-p3 0.379 0.392 0.421);
  --t-tag-text-sage: color(display-p3 0.377 0.395 0.389);
  --t-tag-text-olive: color(display-p3 0.38 0.395 0.374);
  --t-tag-text-sand: color(display-p3 0.388 0.388 0.37);
  --t-tag-text-tomato: color(display-p3 0.755 0.259 0.152);
  --t-tag-text-red: color(display-p3 0.744 0.234 0.222);
  --t-tag-text-ruby: color(display-p3 0.728 0.211 0.311);
  --t-tag-text-crimson: color(display-p3 0.731 0.195 0.388);
  --t-tag-text-pink: color(display-p3 0.698 0.219 0.528);
  --t-tag-text-plum: color(display-p3 0.543 0.263 0.619);
  --t-tag-text-purple: color(display-p3 0.473 0.281 0.687);
  --t-tag-text-violet: color(display-p3 0.383 0.317 0.702);
  --t-tag-text-iris: color(display-p3 0.337 0.326 0.748);
  --t-tag-text-cyan: color(display-p3 0.08 0.48 0.63);
  --t-tag-text-turquoise: color(display-p3 0.08 0.5 0.43);
  --t-tag-text-sky: color(display-p3 0.193 0.448 0.605);
  --t-tag-text-blue: color(display-p3 0.256 0.354 0.755);
  --t-tag-text-jade: color(display-p3 0.15 0.5 0.37);
  --t-tag-text-green: color(display-p3 0.19 0.5 0.32);
  --t-tag-text-grass: color(display-p3 0.263 0.488 0.261);
  --t-tag-text-mint: color(display-p3 0.203 0.463 0.397);
  --t-tag-text-lime: color(display-p3 0.386 0.482 0.227);
  --t-tag-text-bronze: color(display-p3 0.471 0.373 0.336);
  --t-tag-text-gold: color(display-p3 0.433 0.386 0.305);
  --t-tag-text-brown: color(display-p3 0.485 0.374 0.288);
  --t-tag-text-orange: color(display-p3 0.76 0.34 0);
  --t-tag-text-amber: color(display-p3 0.64 0.4 0);
  --t-tag-text-yellow: color(display-p3 0.6 0.44 0);
  --t-tag-background-gray: color(display-p3 0.976 0.976 0.976);
  --t-tag-background-mauve: color(display-p3 0.946 0.938 0.952);
  --t-tag-background-slate: color(display-p3 0.94 0.941 0.953);
  --t-tag-background-sage: color(display-p3 0.935 0.944 0.94);
  --t-tag-background-olive: color(display-p3 0.939 0.945 0.937);
  --t-tag-background-sand: color(display-p3 0.943 0.942 0.936);
  --t-tag-background-tomato: color(display-p3 0.985 0.924 0.909);
  --t-tag-background-red: color(display-p3 0.985 0.925 0.925);
  --t-tag-background-ruby: color(display-p3 0.983 0.92 0.928);
  --t-tag-background-crimson: color(display-p3 0.987 0.917 0.941);
  --t-tag-background-pink: color(display-p3 0.981 0.917 0.96);
  --t-tag-background-plum: color(display-p3 0.973 0.923 0.98);
  --t-tag-background-purple: color(display-p3 0.963 0.931 0.989);
  --t-tag-background-violet: color(display-p3 0.953 0.943 0.993);
  --t-tag-background-iris: color(display-p3 0.943 0.945 0.992);
  --t-tag-background-cyan: color(display-p3 0.888 0.965 0.975);
  --t-tag-background-turquoise: color(display-p3 0.895 0.971 0.952);
  --t-tag-background-sky: color(display-p3 0.899 0.963 0.989);
  --t-tag-background-blue: color(display-p3 0.933 0.948 0.992);
  --t-tag-background-jade: color(display-p3 0.912 0.965 0.932);
  --t-tag-background-green: color(display-p3 0.913 0.964 0.925);
  --t-tag-background-grass: color(display-p3 0.923 0.965 0.917);
  --t-tag-background-mint: color(display-p3 0.888 0.972 0.95);
  --t-tag-background-lime: color(display-p3 0.939 0.965 0.851);
  --t-tag-background-bronze: color(display-p3 0.958 0.932 0.919);
  --t-tag-background-gold: color(display-p3 0.947 0.94 0.909);
  --t-tag-background-brown: color(display-p3 0.959 0.936 0.909);
  --t-tag-background-orange: color(display-p3 0.989 0.938 0.85);
  --t-tag-background-amber: color(display-p3 0.994 0.969 0.782);
  --t-tag-background-yellow: color(display-p3 0.997 0.982 0.749);
  --t-gray-scale-gray1: color(display-p3 1 1 1);
  --t-gray-scale-gray2: color(display-p3 0.988 0.988 0.988);
  --t-gray-scale-gray3: color(display-p3 0.976 0.976 0.976);
  --t-gray-scale-gray4: color(display-p3 0.945 0.945 0.945);
  --t-gray-scale-gray5: color(display-p3 0.922 0.922 0.922);
  --t-gray-scale-gray6: color(display-p3 0.839 0.839 0.839);
  --t-gray-scale-gray7: color(display-p3 0.8 0.8 0.8);
  --t-gray-scale-gray8: color(display-p3 0.702 0.702 0.702);
  --t-gray-scale-gray9: color(display-p3 0.6 0.6 0.6);
  --t-gray-scale-gray10: color(display-p3 0.514 0.514 0.514);
  --t-gray-scale-gray11: color(display-p3 0.4 0.4 0.4);
  --t-gray-scale-gray12: color(display-p3 0.2 0.2 0.2);
  --t-color-red: color(display-p3 0.83 0.329 0.324);
  --t-color-blue: color(display-p3 0.276 0.384 0.837);
}

:root[data-theme="dark"] {
  --t-accent-primary: color(display-p3 0.163 0.22 0.439);
  --t-accent-secondary: color(display-p3 0.163 0.22 0.439);
  --t-accent-tertiary: color(display-p3 0.105 0.141 0.275);
  --t-accent-quaternary: color(display-p3 0.081 0.089 0.144);
  --t-accent-accent3570: color(display-p3 0.285 0.362 0.674);
  --t-accent-accent4060: color(display-p3 0.285 0.362 0.674);
  --t-accent-accent1: color(display-p3 0.068 0.074 0.118);
  --t-accent-accent2: color(display-p3 0.081 0.089 0.144);
  --t-accent-accent3: color(display-p3 0.105 0.141 0.275);
  --t-accent-accent4: color(display-p3 0.129 0.18 0.369);
  --t-accent-accent5: color(display-p3 0.163 0.22 0.439);
  --t-accent-accent6: color(display-p3 0.203 0.262 0.5);
  --t-accent-accent7: color(display-p3 0.245 0.309 0.575);
  --t-accent-accent8: color(display-p3 0.285 0.362 0.674);
  --t-accent-accent10: color(display-p3 0.354 0.445 0.866);
  --t-accent-accent11: color(display-p3 0.63 0.69 1);
  --t-accent-accent12: color(display-p3 0.848 0.881 0.99);
  --t-background-primary: color(display-p3 0.09 0.09 0.09);
  --t-background-secondary: color(display-p3 0.106 0.106 0.106);
  --t-background-tertiary: color(display-p3 0.114 0.114 0.114);
  --t-background-quaternary: color(display-p3 0.133 0.133 0.133);
  --t-background-danger: color(display-p3 0.211 0.081 0.099);
  --t-background-transparent-primary: color(display-p3 0 0 0 / 0.5);
  --t-background-transparent-secondary: color(display-p3 0 0 0 / 0.4);
  --t-background-transparent-strong: color(display-p3 1 1 1 / 0.141);
  --t-background-transparent-medium: color(display-p3 1 1 1 / 0.102);
  --t-background-transparent-light: color(display-p3 1 1 1 / 0.059);
  --t-background-transparent-lighter: color(display-p3 1 1 1 / 0.031);
  --t-background-transparent-danger: #ff173f2d;
  --t-background-transparent-blue: #3566ff57;
  --t-background-transparent-orange: #ff590039;
  --t-background-transparent-success: #11ff992d;
  --t-background-overlay-primary: #000000b8;
  --t-background-overlay-secondary: #0000005c;
  --t-background-overlay-tertiary: #0000005c;
  --t-background-primary-inverted: color(display-p3 0.922 0.922 0.922);
  --t-background-primary-inverted-hover: color(display-p3 0.702 0.702 0.702);
  --t-blur-light: blur(6px) saturate(200%) contrast(100%) brightness(130%);
  --t-blur-medium: blur(12px) saturate(200%) contrast(100%) brightness(130%);
  --t-blur-strong: blur(20px) saturate(200%) contrast(100%) brightness(130%);
  --t-border-color-strong: color(display-p3 0.282 0.282 0.282);
  --t-border-color-medium: color(display-p3 0.133 0.133 0.133);
  --t-border-color-light: color(display-p3 0.114 0.114 0.114);
  --t-border-color-secondary-inverted: color(display-p3 0.702 0.702 0.702);
  --t-border-color-inverted: color(display-p3 0.922 0.922 0.922);
  --t-border-color-danger: color(display-p3 0.348 0.11 0.142);
  --t-border-color-blue: color(display-p3 0.245 0.309 0.575);
  --t-border-color-transparent-strong: color(display-p3 1 1 1 / 0.071);
  --t-box-shadow-color: rgba(0, 0, 0, 0.6);
  --t-box-shadow-light: 0px 2px 4px 0px rgba(0, 0, 0, 0.04), 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
  --t-box-shadow-sidebar: -4px 4px 4px 0px rgba(0, 0, 0, 0.03);
  --t-box-shadow-bottom-panel: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
  --t-box-shadow-strong: 2px 4px 16px 0px rgba(0, 0, 0, 0.16), 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
  --t-box-shadow-underline: 0px 1px 0px 0px rgba(0, 0, 0, 0.32);
  --t-box-shadow-super-heavy: 2px 4px 16px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
  --t-font-color-primary: color(display-p3 0.922 0.922 0.922);
  --t-font-color-secondary: color(display-p3 0.702 0.702 0.702);
  --t-font-color-tertiary: color(display-p3 0.506 0.506 0.506);
  --t-font-color-light: color(display-p3 0.4 0.4 0.4);
  --t-font-color-extra-light: color(display-p3 0.298 0.298 0.298);
  --t-font-color-inverted: color(display-p3 0.09 0.09 0.09);
  --t-tag-text-gray: color(display-p3 0.702 0.702 0.702);
  --t-tag-text-mauve: color(display-p3 0.707 0.7 0.735);
  --t-tag-text-slate: color(display-p3 0.692 0.704 0.728);
  --t-tag-text-sage: color(display-p3 0.685 0.709 0.697);
  --t-tag-text-olive: color(display-p3 0.69 0.709 0.682);
  --t-tag-text-sand: color(display-p3 0.707 0.703 0.68);
  --t-tag-text-tomato: color(display-p3 1 0.585 0.455);
  --t-tag-text-red: color(display-p3 1 0.57 0.55);
  --t-tag-text-ruby: color(display-p3 1 0.57 0.59);
  --t-tag-text-crimson: color(display-p3 1 0.56 0.66);
  --t-tag-text-pink: color(display-p3 1 0.535 0.78);
  --t-tag-text-plum: color(display-p3 0.86 0.602 0.933);
  --t-tag-text-purple: color(display-p3 0.8 0.62 1);
  --t-tag-text-violet: color(display-p3 0.72 0.65 1);
  --t-tag-text-iris: color(display-p3 0.685 0.662 1);
  --t-tag-text-cyan: color(display-p3 0.446 0.79 0.887);
  --t-tag-text-turquoise: color(display-p3 0.388 0.835 0.719);
  --t-tag-text-sky: color(display-p3 0.536 0.772 0.924);
  --t-tag-text-blue: color(display-p3 0.63 0.69 1);
  --t-tag-text-jade: color(display-p3 0.4 0.835 0.656);
  --t-tag-text-green: color(display-p3 0.434 0.828 0.573);
  --t-tag-text-grass: color(display-p3 0.535 0.807 0.542);
  --t-tag-text-mint: color(display-p3 0.482 0.825 0.733);
  --t-tag-text-lime: color(display-p3 0.771 0.893 0.485);
  --t-tag-text-bronze: color(display-p3 0.81 0.707 0.655);
  --t-tag-text-gold: color(display-p3 0.784 0.728 0.635);
  --t-tag-text-brown: color(display-p3 0.835 0.715 0.597);
  --t-tag-text-orange: color(display-p3 1 0.63 0.38);
  --t-tag-text-amber: color(display-p3 1 0.8 0.29);
  --t-tag-text-yellow: color(display-p3 0.948 0.885 0.392);
  --t-tag-background-gray: color(display-p3 0.098 0.098 0.098);
  --t-tag-background-mauve: color(display-p3 0.138 0.134 0.144);
  --t-tag-background-slate: color(display-p3 0.13 0.135 0.145);
  --t-tag-background-sage: color(display-p3 0.128 0.135 0.131);
  --t-tag-background-olive: color(display-p3 0.131 0.135 0.126);
  --t-tag-background-sand: color(display-p3 0.135 0.135 0.129);
  --t-tag-background-tomato: color(display-p3 0.205 0.097 0.083);
  --t-tag-background-red: color(display-p3 0.211 0.081 0.099);
  --t-tag-background-ruby: color(display-p3 0.208 0.088 0.117);
  --t-tag-background-crimson: color(display-p3 0.203 0.091 0.143);
  --t-tag-background-pink: color(display-p3 0.198 0.098 0.179);
  --t-tag-background-plum: color(display-p3 0.192 0.105 0.202);
  --t-tag-background-purple: color(display-p3 0.175 0.112 0.224);
  --t-tag-background-violet: color(display-p3 0.154 0.123 0.256);
  --t-tag-background-iris: color(display-p3 0.128 0.134 0.272);
  --t-tag-background-cyan: color(display-p3 0.073 0.168 0.209);
  --t-tag-background-turquoise: color(display-p3 0.087 0.175 0.165);
  --t-tag-background-sky: color(display-p3 0.089 0.154 0.244);
  --t-tag-background-blue: color(display-p3 0.105 0.141 0.275);
  --t-tag-background-jade: color(display-p3 0.091 0.176 0.138);
  --t-tag-background-green: color(display-p3 0.1 0.173 0.133);
  --t-tag-background-grass: color(display-p3 0.118 0.163 0.122);
  --t-tag-background-mint: color(display-p3 0.077 0.17 0.168);
  --t-tag-background-lime: color(display-p3 0.13 0.16 0.099);
  --t-tag-background-bronze: color(display-p3 0.147 0.132 0.125);
  --t-tag-background-gold: color(display-p3 0.141 0.136 0.122);
  --t-tag-background-brown: color(display-p3 0.151 0.13 0.115);
  --t-tag-background-orange: color(display-p3 0.189 0.12 0.056);
  --t-tag-background-amber: color(display-p3 0.178 0.128 0.049);
  --t-tag-background-yellow: color(display-p3 0.168 0.137 0.039);
  --t-gray-scale-gray1: color(display-p3 0.09 0.09 0.09);
  --t-gray-scale-gray2: color(display-p3 0.106 0.106 0.106);
  --t-gray-scale-gray3: color(display-p3 0.098 0.098 0.098);
  --t-gray-scale-gray4: color(display-p3 0.114 0.114 0.114);
  --t-gray-scale-gray5: color(display-p3 0.133 0.133 0.133);
  --t-gray-scale-gray6: color(display-p3 0.282 0.282 0.282);
  --t-gray-scale-gray7: color(display-p3 0.298 0.298 0.298);
  --t-gray-scale-gray8: color(display-p3 0.4 0.4 0.4);
  --t-gray-scale-gray9: color(display-p3 0.506 0.506 0.506);
  --t-gray-scale-gray10: color(display-p3 0.482 0.482 0.482);
  --t-gray-scale-gray11: color(display-p3 0.702 0.702 0.702);
  --t-gray-scale-gray12: color(display-p3 0.922 0.922 0.922);
}