:root {
  --hover-accent1-a10: color-mix(in srgb, var(--hover-accent1) 10%, transparent);
  --hover-accent1-a20: color-mix(in srgb, var(--hover-accent1) 20%, transparent);
  --hover-accent1-a30: color-mix(in srgb, var(--hover-accent1) 30%, transparent);
  --hover-accent1-a40: color-mix(in srgb, var(--hover-accent1) 40%, transparent);
  --hover-accent1-a50: color-mix(in srgb, var(--hover-accent1) 50%, transparent);
  --hover-accent1-a60: color-mix(in srgb, var(--hover-accent1) 60%, transparent);
  --hover-accent1-a70: color-mix(in srgb, var(--hover-accent1) 70%, transparent);
  --hover-accent1-a80: color-mix(in srgb, var(--hover-accent1) 80%, transparent);
  --hover-accent1-a90: color-mix(in srgb, var(--hover-accent1) 90%, transparent);

  --accent-1-a10: color-mix(in srgb, var(--accent-1) 10%, transparent);
  --accent-1-a20: color-mix(in srgb, var(--accent-1) 20%, transparent);
  --accent-1-a30: color-mix(in srgb, var(--accent-1) 30%, transparent);
  --accent-1-a40: color-mix(in srgb, var(--accent-1) 40%, transparent);
  --accent-1-a50: color-mix(in srgb, var(--accent-1) 50%, transparent);
  --accent-1-a60: color-mix(in srgb, var(--accent-1) 60%, transparent);
  --accent-1-a70: color-mix(in srgb, var(--accent-1) 70%, transparent);
  --accent-1-a80: color-mix(in srgb, var(--accent-1) 80%, transparent);
  --accent-1-a90: color-mix(in srgb, var(--accent-1) 90%, transparent);

  --accent-2-a10: color-mix(in srgb, var(--accent-2) 10%, transparent);
  --accent-2-a20: color-mix(in srgb, var(--accent-2) 20%, transparent);
  --accent-2-a30: color-mix(in srgb, var(--accent-2) 30%, transparent);
  --accent-2-a40: color-mix(in srgb, var(--accent-2) 40%, transparent);
  --accent-2-a50: color-mix(in srgb, var(--accent-2) 50%, transparent);
  --accent-2-a60: color-mix(in srgb, var(--accent-2) 60%, transparent);
  --accent-2-a70: color-mix(in srgb, var(--accent-2) 70%, transparent);
  --accent-2-a80: color-mix(in srgb, var(--accent-2) 80%, transparent);
  --accent-2-a90: color-mix(in srgb, var(--accent-2) 90%, transparent);

  --contrast-lg-a10: color-mix(in srgb, var(--contrast-lg) 10%, transparent);
  --contrast-lg-a20: color-mix(in srgb, var(--contrast-lg) 20%, transparent);
  --contrast-lg-a30: color-mix(in srgb, var(--contrast-lg) 30%, transparent);
  --contrast-lg-a40: color-mix(in srgb, var(--contrast-lg) 40%, transparent);
  --contrast-lg-a50: color-mix(in srgb, var(--contrast-lg) 50%, transparent);
  --contrast-lg-a60: color-mix(in srgb, var(--contrast-lg) 60%, transparent);
  --contrast-lg-a70: color-mix(in srgb, var(--contrast-lg) 70%, transparent);
  --contrast-lg-a80: color-mix(in srgb, var(--contrast-lg) 80%, transparent);
  --contrast-lg-a90: color-mix(in srgb, var(--contrast-lg) 90%, transparent);

  --contrast-none-a10: color-mix(in srgb, var(--contrast-none) 10%, transparent);
  --contrast-none-a20: color-mix(in srgb, var(--contrast-none) 20%, transparent);
  --contrast-none-a30: color-mix(in srgb, var(--contrast-none) 30%, transparent);
  --contrast-none-a40: color-mix(in srgb, var(--contrast-none) 40%, transparent);
  --contrast-none-a50: color-mix(in srgb, var(--contrast-none) 50%, transparent);
  --contrast-none-a60: color-mix(in srgb, var(--contrast-none) 60%, transparent);
  --contrast-none-a70: color-mix(in srgb, var(--contrast-none) 70%, transparent);
  --contrast-none-a80: color-mix(in srgb, var(--contrast-none) 80%, transparent);
  --contrast-none-a90: color-mix(in srgb, var(--contrast-none) 90%, transparent);

  --bg-primary-a10: color-mix(in srgb, var(--bg-primary) 10%, transparent);
  --bg-primary-a20: color-mix(in srgb, var(--bg-primary) 20%, transparent);
  --bg-primary-a30: color-mix(in srgb, var(--bg-primary) 30%, transparent);
  --bg-primary-a40: color-mix(in srgb, var(--bg-primary) 40%, transparent);
  --bg-primary-a50: color-mix(in srgb, var(--bg-primary) 50%, transparent);
  --bg-primary-a60: color-mix(in srgb, var(--bg-primary) 60%, transparent);
  --bg-primary-a70: color-mix(in srgb, var(--bg-primary) 70%, transparent);
  --bg-primary-a80: color-mix(in srgb, var(--bg-primary) 80%, transparent);
  --bg-primary-a90: color-mix(in srgb, var(--bg-primary) 90%, transparent);

  --color-taupe-50:  #faf8f6;
  --color-taupe-100: #f1ede9;
  --color-taupe-200: #e4deda;
  --color-taupe-300: #d3cbc6;
  --color-taupe-400: #b8aaa2;
  --color-taupe-500: #9d8b81;
  --color-taupe-600: #7f6f66;
  --color-taupe-700: #62554e;
  --color-taupe-800: #463d38;
  --color-taupe-900: #2f2926;
  --color-taupe-950: #1b1715;

  --color-cblue-100: #e9f2fe;
  --color-cblue-200: #cfe1fd;
  --color-cblue-300: #8fb8f6;
  --color-cblue-400: #669df1;
  --color-cblue-500: #4d8ced;
  --color-cblue-600: #357de8;
  --color-cblue-700: #1868db;
  --color-cblue-800: #1558bc;
  --color-cblue-900: #123263;
  --color-cblue-950: #1c2b42;
}