/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --accents-blue: rgb(0,136,255); /* @kind color */
  --accents-indigo: rgb(97,85,245); /* @kind color */
  --background-brand-default: var(--brand-800); /* @kind color */
  --bg-context: "Bright"; /* @kind other */
  --bottom: 62; /* @kind other */
  --brand-100: rgb(245,245,245); /* @kind color */
  --brand-800: rgb(44,44,44); /* @kind color */
  --brand-b-800: rgb(119,0,0); /* @kind color */
  --color-azure-10-0: rgba(22,25,28,0); /* @kind color */
  --color-azure-10-95: rgba(22,25,28,0.95); /* @kind color */
  --color-azure-10: rgb(22,25,28); /* @kind color */
  --color-azure-11-90: rgba(24,28,33,0.9); /* @kind color */
  --color-azure-12-88: rgba(24,30,38,0.88); /* @kind color */
  --color-azure-13-32: rgba(28,34,38,0.32); /* @kind color */
  --color-azure-15-72: rgba(30,38,46,0.72); /* @kind color */
  --color-azure-16-0: rgba(30,42,52,0); /* @kind color */
  --color-azure-16-18: rgba(30,42,52,0.18); /* @kind color */
  --color-azure-16-42: rgba(30,42,52,0.42); /* @kind color */
  --color-azure-16-78: rgba(32,42,52,0.78); /* @kind color */
  --color-azure-16-8: rgba(32,42,52,0.08); /* @kind color */
  --color-azure-17-88: rgba(38,44,50,0.88); /* @kind color */
  --color-azure-18-82: rgba(38,46,52,0.82); /* @kind color */
  --color-azure-18: rgb(42,47,52); /* @kind color */
  --color-azure-20: rgb(39,51,61); /* @kind color */
  --color-azure-22-40: rgba(44,56,66,0.4); /* @kind color */
  --color-azure-22-45: rgba(44,56,66,0.45); /* @kind color */
  --color-azure-23-42: rgba(47,58,68,0.42); /* @kind color */
  --color-azure-24-0: rgba(44,60,76,0); /* @kind color */
  --color-azure-24-52: rgba(44,60,76,0.52); /* @kind color */
  --color-azure-25-14: rgba(53,64,73,0.14); /* @kind color */
  --color-azure-25-16: rgba(53,64,73,0.16); /* @kind color */
  --color-azure-25-18: rgba(53,64,73,0.18); /* @kind color */
  --color-azure-25-35: rgba(53,64,73,0.35); /* @kind color */
  --color-azure-25: rgb(53,64,73); /* @kind color */
  --color-azure-27-12: rgba(59,70,80,0.12); /* @kind color */
  --color-azure-27-18: rgba(59,70,80,0.18); /* @kind color */
  --color-azure-27-30: rgba(59,70,80,0.3); /* @kind color */
  --color-azure-27-35: rgba(59,70,80,0.35); /* @kind color */
  --color-azure-27-45: rgba(59,70,80,0.45); /* @kind color */
  --color-azure-27-50: rgba(59,70,80,0.5); /* @kind color */
  --color-azure-27: rgb(59,70,80); /* @kind color */
  --color-azure-54-15: rgba(125,140,152,0.15); /* @kind color */
  --color-azure-59-0: rgba(129,152,173,0); /* @kind color */
  --color-azure-59-14: rgba(138,151,161,0.14); /* @kind color */
  --color-azure-59-55: rgba(138,151,161,0.55); /* @kind color */
  --color-azure-59-85: rgba(129,152,173,0.85); /* @kind color */
  --color-azure-59: rgb(138,151,161); /* @kind color */
  --color-azure-6-0: rgba(13,16,19,0); /* @kind color */
  --color-azure-6-95: rgba(13,16,19,0.95); /* @kind color */
  --color-azure-62: rgb(139,161,176); /* @kind color */
  --color-azure-65: rgb(154,167,176); /* @kind color */
  --color-azure-6: rgb(13,16,19); /* @kind color */
  --color-azure-75-0: rgba(176,196,209,0); /* @kind color */
  --color-azure-75-95: rgba(176,196,209,0.95); /* @kind color */
  --color-azure-75: rgb(176,196,209); /* @kind color */
  --color-azure-76-0: rgba(179,197,211,0); /* @kind color */
  --color-azure-76-95: rgba(179,197,211,0.95); /* @kind color */
  --color-azure-76: rgb(185,194,201); /* @kind color */
  --color-azure-77: rgb(183,200,210); /* @kind color */
  --color-azure-78-0: rgba(188,201,208,0); /* @kind color */
  --color-azure-78: rgb(188,201,208); /* @kind color */
  --color-azure-80: rgb(198,205,210); /* @kind color */
  --color-azure-9: rgb(20,24,28); /* @kind color */
  --color-black-8: rgba(0,0,0,0.08); /* @kind color */
  --color-chartreuse-green-19: rgb(53,64,35); /* @kind color */
  --color-chartreuse-green-21: rgb(56,65,42); /* @kind color */
  --color-chartreuse-green-22: rgb(64,80,31); /* @kind color */
  --color-chartreuse-green-27-40: rgba(76,90,46,0.4); /* @kind color */
  --color-chartreuse-green-27: rgb(76,90,46); /* @kind color */
  --color-chartreuse-green-31: rgb(85,96,63); /* @kind color */
  --color-chartreuse-green-38: rgb(107,122,72); /* @kind color */
  --color-chartreuse-green-61-16: rgba(168,189,124,0.16); /* @kind color */
  --color-chartreuse-green-61-20: rgba(168,189,124,0.2); /* @kind color */
  --color-chartreuse-green-61: rgb(168,189,124); /* @kind color */
  --color-chartreuse-green-73: rgb(198,217,156); /* @kind color */
  --color-chartreuse-green-85-2: rgb(226,238,198); /* @kind color */
  --color-chartreuse-green-85-3: rgb(217,226,208); /* @kind color */
  --color-chartreuse-green-85: rgb(223,238,196); /* @kind color */
  --color-grey-27-16: rgba(70,70,70,0.16); /* @kind color */
  --color-grey-27-25: rgba(69,69,69,0.25); /* @kind color */
  --color-grey-27-30: rgba(70,70,70,0.3); /* @kind color */
  --color-grey-27-35-2: rgba(69,69,69,0.35); /* @kind color */
  --color-grey-27-35: rgba(70,70,70,0.35); /* @kind color */
  --color-grey-27-8: rgba(70,70,70,0.08); /* @kind color */
  --color-grey-27: rgb(69,69,69); /* @kind color */
  --color-grey-36: rgb(93,93,93); /* @kind color */
  --color-grey-46: rgb(111,117,124); /* @kind color */
  --color-grey-48-2: rgb(132,124,112); /* @kind color */
  --color-grey-48: rgb(122,122,122); /* @kind color */
  --color-grey-51: rgb(125,130,136); /* @kind color */
  --color-grey-52-2: rgb(125,131,138); /* @kind color */
  --color-grey-52: rgb(143,135,121); /* @kind color */
  --color-grey-54: rgb(138,138,138); /* @kind color */
  --color-grey-56: rgb(154,145,132); /* @kind color */
  --color-grey-57: rgb(143,149,143); /* @kind color */
  --color-grey-58: rgb(141,147,154); /* @kind color */
  --color-grey-63: rgb(154,160,166); /* @kind color */
  --color-grey-66: rgb(163,168,173); /* @kind color */
  --color-grey-88: rgb(223,226,228); /* @kind color */
  --color-grey-91-2: rgb(242,236,220); /* @kind color */
  --color-grey-91: rgb(238,243,223); /* @kind color */
  --color-grey-92-2: rgb(231,235,237); /* @kind color */
  --color-grey-92-3: rgb(237,241,227); /* @kind color */
  --color-grey-92: rgb(240,238,230); /* @kind color */
  --color-grey-93-2: rgb(244,241,230); /* @kind color */
  --color-grey-93-3: rgb(231,237,241); /* @kind color */
  --color-grey-93: rgb(233,237,240); /* @kind color */
  --color-grey-95-0: rgba(247,245,240,0); /* @kind color */
  --color-grey-95-95: rgba(247,245,240,0.95); /* @kind color */
  --color-grey-95: rgb(247,245,240); /* @kind color */
  --color-grey-96: rgb(246,247,245); /* @kind color */
  --color-orange-11-0: rgba(32,28,24,0); /* @kind color */
  --color-orange-11-95: rgba(32,28,24,0.95); /* @kind color */
  --color-orange-11: rgb(32,28,24); /* @kind color */
  --color-orange-16-88: rgba(48,42,36,0.88); /* @kind color */
  --color-orange-16: rgb(46,41,36); /* @kind color */
  --color-orange-33: rgb(93,87,74); /* @kind color */
  --color-orange-39: rgb(138,109,63); /* @kind color */
  --color-orange-62: rgb(168,159,146); /* @kind color */
  --color-orange-64: rgb(181,169,143); /* @kind color */
  --color-orange-86: rgb(229,221,208); /* @kind color */
  --color-orange-89-12: rgba(236,229,216,0.12); /* @kind color */
  --color-orange-89-14: rgba(236,229,216,0.14); /* @kind color */
  --color-orange-89-8: rgba(236,229,216,0.08); /* @kind color */
  --color-orange-89: rgb(236,229,216); /* @kind color */
  --color-red-47: rgb(176,74,62); /* @kind color */
  --color-red-78: rgb(227,177,172); /* @kind color */
  --color-violet-35: rgb(90,76,102); /* @kind color */
  --color-violet-85: rgb(220,212,224); /* @kind color */
  --color-white-0-2: rgba(255,255,255,0.002); /* @kind color */
  --color-white-10: rgba(255,255,255,0.1); /* @kind color */
  --color-white-13: rgba(255,255,255,0.13); /* @kind color */
  --color-white-18: rgba(255,255,255,0.18); /* @kind color */
  --color-white-22: rgba(255,255,255,0.22); /* @kind color */
  --color-white-28: rgba(255,255,255,0.28); /* @kind color */
  --color-white-35: rgba(255,255,255,0.35); /* @kind color */
  --color-white-40: rgba(255,255,255,0.4); /* @kind color */
  --color-white-45: rgba(255,255,255,0.45); /* @kind color */
  --color-white-50: rgba(255,255,255,0.5); /* @kind color */
  --color-white-55: rgba(255,255,255,0.55); /* @kind color */
  --color-white-60: rgba(255,255,255,0.6); /* @kind color */
  --color-white-62: rgba(255,255,255,0.62); /* @kind color */
  --color-white-6: rgba(255,255,255,0.06); /* @kind color */
  --color-white-70: rgba(255,255,255,0.7); /* @kind color */
  --color-white-80: rgba(255,255,255,0.8); /* @kind color */
  --color-white-82: rgba(255,255,255,0.82); /* @kind color */
  --color-white-85: rgba(255,255,255,0.85); /* @kind color */
  --color-white-88: rgba(255,255,255,0.88); /* @kind color */
  --color-white-8: rgba(255,255,255,0.08); /* @kind color */
  --color-white-92: rgba(255,255,255,0.92); /* @kind color */
  --color-white-95: rgba(255,255,255,0.95); /* @kind color */
  --color-white-96: rgba(255,255,255,0.96); /* @kind color */
  --color-white-solid: rgb(255,255,255); /* @kind color */
  --color-yellow-35: rgb(102,113,63); /* @kind color */
  --color-yellow-64-20: rgba(180,193,132,0.2); /* @kind color */
  --color-yellow-64: rgb(180,193,132); /* @kind color */
  --color-yellow-74: rgb(205,216,162); /* @kind color */
  --color-yellow-88-2: rgb(232,228,216); /* @kind color */
  --color-yellow-88: rgb(230,228,221); /* @kind color */
  --component-fill: rgb(245,245,245); /* @kind color */
  --component-stroke: var(--accents-indigo); /* @kind color */
  --corner-radius-19: 19;
  --corner-radius-21: 21;
  --corner-radius-22: 22;
  --corner-radius-26: 26;
  --corner-radius-28: 28;
  --corner-radius-29: 29;
  --corner-radius-2: 2;
  --corner-radius-35: 35;
  --corner-radius-36: 36;
  --corner-radius-37: 37;
  --corner-radius-40: 40;
  --corner-radius-44: 44;
  --corner-radius-48: 48;
  --corner-radius-4: 4;
  --corner-radius-5: 5;
  --corner-radius-6: 6;
  --corner-radius-8: 8;
  --fills-tertiary: rgba(118,118,128,0.12); /* @kind color */
  --fills-vibrant-primary: rgb(204,204,204); /* @kind color */
  --fills-vibrant-tertiary: rgb(237,237,237); /* @kind color */
  --font-family-font-1: "IBM Plex Mono";
  --font-family-font-2: "Host Grotesk";
  --font-family-font-3: "Newsreader";
  --font-family-font-4: "Source Serif 4";
  --font-size-10: 10;
  --font-size-11: 11;
  --font-size-12-5: 12.5;
  --font-size-12: 12;
  --font-size-13-5: 13.5;
  --font-size-13: 13;
  --font-size-14-5: 14.5;
  --font-size-14: 14;
  --font-size-15: 15;
  --font-size-16-5: 16.5;
  --font-size-16: 16;
  --font-size-17: 17;
  --font-size-18: 18;
  --font-size-20: 20;
  --font-size-23: 23;
  --font-size-24: 24;
  --font-size-32: 32;
  --font-size-34: 34;
  --font-style-italic: "Italic"; /* @kind other */
  --font-weight-400: 400; /* @kind other */
  --font-weight-500: 500; /* @kind other */
  --font-weight-600: 600; /* @kind other */
  --gray-900-2: rgb(30,30,30); /* @kind color */
  --gray-900: rgb(30,30,30); /* @kind color */
  --icon-default-default-2: var(--gray-900); /* @kind color */
  --icon-default-default: var(--gray-900); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --labels-secondary: rgba(60,60,67,0.6); /* @kind color */
  --labels-vibrant-controls-primary-2: rgb(64,64,64); /* @kind color */
  --labels-vibrant-controls-primary: rgb(26,26,26); /* @kind color */
  --labels-vibrant-primary: rgb(26,26,26); /* @kind color */
  --labels-vibrant-secondary: rgb(114,114,114); /* @kind color */
  --labels-vibrant-tertiary: rgb(191,191,191); /* @kind color */
  --letter-spacing-0-78: 0.78; /* @kind other */
  --letter-spacing-1-1: 1.1; /* @kind other */
  --letter-spacing-1-2: 1.2; /* @kind other */
  --letter-spacing-1-32: 1.32; /* @kind other */
  --letter-spacing-1-54: 1.54; /* @kind other */
  --letter-spacing-1-6: 1.6; /* @kind other */
  --letter-spacing-1-76: 1.76; /* @kind other */
  --letter-spacing-1-98: 1.98; /* @kind other */
  --line-height-18-75: 18.75; /* @kind other */
  --line-height-19-5: 19.5; /* @kind other */
  --line-height-19-6: 19.6; /* @kind other */
  --line-height-20-25: 20.25; /* @kind other */
  --line-height-21-6: 21.6; /* @kind other */
  --line-height-22-5: 22.5; /* @kind other */
  --line-height-23-4: 23.4; /* @kind other */
  --line-height-26-4: 26.4; /* @kind other */
  --line-height-27-2: 27.2; /* @kind other */
  --line-height-27: 27; /* @kind other */
  --line-height-29-45: 29.45; /* @kind other */
  --line-height-30: 30; /* @kind other */
  --line-height-31: 31; /* @kind other */
  --line-height-42: 42; /* @kind other */
  --line-height-52: 52; /* @kind other */
  --liquid-glass-depth-regular: 16; /* @kind other */
  --liquid-glass-dispersion: 0; /* @kind other */
  --liquid-glass-frost-regular: 7; /* @kind other */
  --liquid-glass-light-angle: -45; /* @kind other */
  --liquid-glass-opacity: 60; /* @kind other */
  --liquid-glass-refraction: 100; /* @kind other */
  --liquid-glass-splay-regular: 6; /* @kind other */
  --miscellaneous-keyboards-emoji-mic: rgba(34,43,89,0.63); /* @kind color */
  --miscellaneous-keyboards-glyphs-primary: rgb(89,89,89); /* @kind color */
  --mode-2: "Light"; /* @kind other */
  --mode: "Light"; /* @kind other */
  --nc-midnight-blue: rgb(57,68,110); /* @kind color */
  --nc-misty-white: rgb(242,244,249); /* @kind color */
  --nc-pure-white: rgb(255,255,255); /* @kind color */
  --opacity-100: 100; /* @kind other */
  --opacity-45: 45; /* @kind other */
  --opacity-50: 50; /* @kind other */
  --opacity-55: 55; /* @kind other */
  --opacity-75: 75; /* @kind other */
  --opacity-80: 80; /* @kind other */
  --opacity-85: 85; /* @kind other */
  --opacity-88: 88; /* @kind other */
  --opacity-92: 92; /* @kind other */
  --opacity-95: 95; /* @kind other */
  --schemes-on-surface: rgb(29,27,32); /* @kind color */
  --stroke-weight-0-98: 0.975; /* @kind other */
  --stroke-weight-1-05: 1.05; /* @kind other */
  --stroke-weight-1-06: 1.063; /* @kind other */
  --stroke-weight-1-07: 1.067; /* @kind other */
  --stroke-weight-1-13: 1.133; /* @kind other */
  --stroke-weight-1-25: 1.25; /* @kind other */
  --stroke-weight-1-27: 1.275; /* @kind other */
  --stroke-weight-1-33: 1.333; /* @kind other */
  --stroke-weight-1-35: 1.35; /* @kind other */
  --stroke-weight-1-42: 1.417; /* @kind other */
  --stroke-weight-1-4: 1.4; /* @kind other */
  --stroke-weight-1-56: 1.558; /* @kind other */
  --stroke-weight-1-57: 1.575; /* @kind other */
  --stroke-weight-1-62: 1.62; /* @kind other */
  --stroke-weight-1-65: 1.65; /* @kind other */
  --stroke-weight-1-67: 1.671; /* @kind other */
  --stroke-weight-1-7: 1.7; /* @kind other */
  --stroke-weight-1-8: 1.8; /* @kind other */
  --stroke-weight-1: 1; /* @kind other */
  --subcomponent-fill-2: rgb(170,170,170); /* @kind color */
  --subcomponent-fill: rgb(170,170,170); /* @kind color */
  --subcomponent-stroke-2: rgba(0,0,0,0.4); /* @kind color */
  --subcomponent-stroke: rgba(0,0,0,0.4); /* @kind color */
  --top: 27; /* @kind other */
  --white-1000-2: rgb(255,255,255); /* @kind color */
  --white-1000: rgb(255,255,255); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --accents-blue: rgb(0,145,255); /* @kind color */
  --accents-blue: rgb(92,184,255); /* @kind color */
  --accents-indigo: rgb(109,124,255); /* @kind color */
  --accents-indigo: rgb(167,170,255); /* @kind color */
  --background-brand-default: var(--brand-100); /* @kind color */
  --fills-tertiary: rgba(118,118,128,0.24); /* @kind color */
  --fills-tertiary: rgba(118,118,128,0.32); /* @kind color */
  --fills-vibrant-primary: rgb(51,51,51); /* @kind color */
  --fills-vibrant-primary: rgb(51,51,51); /* @kind color */
  --fills-vibrant-tertiary: rgb(18,18,18); /* @kind color */
  --fills-vibrant-tertiary: rgb(18,18,18); /* @kind color */
  --icon-default-default-2: var(--white-1000); /* @kind color */
  --icon-default-default: var(--white-1000); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-primary: rgb(255,255,255); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.7); /* @kind color */
  --labels-secondary: rgba(235,235,245,0.7); /* @kind color */
  --labels-vibrant-controls-primary-2: rgb(191,191,191); /* @kind color */
  --labels-vibrant-controls-primary-2: rgb(191,191,191); /* @kind color */
  --labels-vibrant-controls-primary: rgb(245,245,245); /* @kind color */
  --labels-vibrant-controls-primary: rgb(255,255,255); /* @kind color */
  --labels-vibrant-primary: rgb(245,245,245); /* @kind color */
  --labels-vibrant-primary: rgb(255,255,255); /* @kind color */
  --labels-vibrant-secondary: rgb(138,138,138); /* @kind color */
  --labels-vibrant-secondary: rgb(138,138,138); /* @kind color */
  --labels-vibrant-tertiary: rgb(64,64,64); /* @kind color */
  --labels-vibrant-tertiary: rgb(64,64,64); /* @kind color */
  --miscellaneous-keyboards-emoji-mic: rgba(255,255,255,0.73); /* @kind color */
  --miscellaneous-keyboards-emoji-mic: rgba(255,255,255,0.73); /* @kind color */
  --miscellaneous-keyboards-glyphs-primary: rgb(166,166,166); /* @kind color */
  --miscellaneous-keyboards-glyphs-primary: rgb(166,166,166); /* @kind color */
  --mode-2: "Dark"; /* @kind other */
  --mode-2: "IC - Dark"; /* @kind other */
  --mode: "Dark"; /* @kind other */
  --mode: "IC - Dark"; /* @kind other */
  --schemes-on-surface: rgb(230,224,233); /* @kind color */
  --schemes-on-surface: rgb(255,249,255); /* @kind color */
  --schemes-on-surface: rgb(255,255,255); /* @kind color */
}

:root[data-theme="light"], .light {
  --accents-blue: rgb(30,110,244); /* @kind color */
  --accents-indigo: rgb(86,74,222); /* @kind color */
  --background-brand-default: var(--brand-b-800); /* @kind color */
  --fills-tertiary: rgba(118,118,128,0.2); /* @kind color */
  --fills-vibrant-primary: rgb(204,204,204); /* @kind color */
  --fills-vibrant-tertiary: rgb(237,237,237); /* @kind color */
  --icon-default-default-2: var(--gray-900); /* @kind color */
  --labels-primary: rgb(0,0,0); /* @kind color */
  --labels-secondary: rgba(60,60,67,0.8); /* @kind color */
  --labels-vibrant-controls-primary-2: rgb(64,64,64); /* @kind color */
  --labels-vibrant-controls-primary: rgb(0,0,0); /* @kind color */
  --labels-vibrant-primary: rgb(0,0,0); /* @kind color */
  --labels-vibrant-secondary: rgb(153,153,153); /* @kind color */
  --labels-vibrant-tertiary: rgb(191,191,191); /* @kind color */
  --miscellaneous-keyboards-emoji-mic: rgba(34,43,89,0.63); /* @kind color */
  --miscellaneous-keyboards-glyphs-primary: rgb(89,89,89); /* @kind color */
  --mode-2: "IC - Light"; /* @kind other */
  --mode: "IC - Light"; /* @kind other */
  --schemes-on-surface: rgb(0,0,0); /* @kind color */
  --schemes-on-surface: rgb(29,27,32); /* @kind color */
}

:root[data-mode="monochrome-lt"] {
  --schemes-on-surface: rgb(27,27,27); /* @kind color */
}

:root[data-mode="monochrome-dt"] {
  --schemes-on-surface: rgb(226,226,226); /* @kind color */
}

:root[data-mode="pink-lt"] {
  --schemes-on-surface: rgb(33,25,28); /* @kind color */
}

:root[data-mode="pink-dt"] {
  --schemes-on-surface: rgb(238,223,227); /* @kind color */
}

:root[data-mode="rose-lt"] {
  --schemes-on-surface: rgb(34,25,26); /* @kind color */
}

:root[data-mode="rose-dt"] {
  --schemes-on-surface: rgb(240,222,223); /* @kind color */
}

:root[data-mode="red-lt"] {
  --schemes-on-surface: rgb(35,25,24); /* @kind color */
}

:root[data-mode="red-dt"] {
  --schemes-on-surface: rgb(241,222,220); /* @kind color */
}

:root[data-mode="orange-lt"] {
  --schemes-on-surface: rgb(34,26,21); /* @kind color */
}

:root[data-mode="orange-dt"] {
  --schemes-on-surface: rgb(240,223,215); /* @kind color */
}

:root[data-mode="yellow-lt"] {
  --schemes-on-surface: rgb(31,27,19); /* @kind color */
}

:root[data-mode="yellow-dt"] {
  --schemes-on-surface: rgb(235,225,212); /* @kind color */
}

:root[data-mode="chartreuse-lt"] {
  --schemes-on-surface: rgb(27,28,20); /* @kind color */
}

:root[data-mode="chartreuse-dt"] {
  --schemes-on-surface: rgb(229,227,214); /* @kind color */
}

:root[data-mode="green-lt"] {
  --schemes-on-surface: rgb(24,29,24); /* @kind color */
}

:root[data-mode="green-dt"] {
  --schemes-on-surface: rgb(224,228,219); /* @kind color */
}

:root[data-mode="teal-lt"] {
  --schemes-on-surface: rgb(23,29,27); /* @kind color */
}

:root[data-mode="teal-dt"] {
  --schemes-on-surface: rgb(221,228,225); /* @kind color */
}

:root[data-mode="cyan-lt"] {
  --schemes-on-surface: rgb(23,28,30); /* @kind color */
}

:root[data-mode="cyan-dt"] {
  --schemes-on-surface: rgb(222,227,230); /* @kind color */
}

:root[data-mode="blue-lt"] {
  --schemes-on-surface: rgb(26,27,33); /* @kind color */
}

:root[data-mode="blue-dt"] {
  --schemes-on-surface: rgb(226,226,233); /* @kind color */
}

:root[data-mode="indigo-lt"] {
  --schemes-on-surface: rgb(28,27,33); /* @kind color */
}

:root[data-mode="indigo-dt"] {
  --schemes-on-surface: rgb(229,225,233); /* @kind color */
}

:root[data-mode="purple-lt"] {
  --schemes-on-surface: rgb(29,26,32); /* @kind color */
}

:root[data-mode="purple-dt"] {
  --schemes-on-surface: rgb(231,224,232); /* @kind color */
}

:root[data-mode="dim"] {
  --bg-context: "Dim"; /* @kind other */
}