/* KuKi Design System — generated by generate_tokens.py. Do not hand-edit. */
:root {
  --kuki-color-neutral-50: #F9F9F9;
  --kuki-color-neutral-100: #F3F3F3;
  --kuki-color-neutral-200: #E4E4E4;
  --kuki-color-neutral-300: #CFCFCF;
  --kuki-color-neutral-400: #9F9F9F;
  --kuki-color-neutral-500: #8A8A8A;
  --kuki-color-neutral-600: #666666;
  --kuki-color-neutral-700: #4F4F4F;
  --kuki-color-neutral-800: #404040;
  --kuki-color-neutral-900: #1A1A1A;
  --kuki-color-neutral-950: #101010;
  --kuki-color-brand-50: #FBF3ED;
  --kuki-color-brand-100: #F7E5D7;
  --kuki-color-brand-200: #F0CDB2;
  --kuki-color-brand-300: #E8B189;
  --kuki-color-brand-400: #E19864;
  --kuki-color-brand-500: #DA7F44;
  --kuki-color-brand-600: #B25A20;
  --kuki-color-brand-700: #96491A;
  --kuki-color-brand-800: #7B3E18;
  --kuki-color-brand-900: #623414;
  --kuki-color-brand-950: #401F0C;
  --kuki-color-accent-50: #FEFBF2;
  --kuki-color-accent-100: #FDF4DE;
  --kuki-color-accent-200: #FAE7B8;
  --kuki-color-accent-300: #F8D890;
  --kuki-color-accent-400: #F5C563;
  --kuki-color-accent-500: #EFAF35;
  --kuki-color-accent-600: #C98812;
  --kuki-color-accent-700: #A16C0E;
  --kuki-color-accent-800: #7E5510;
  --kuki-color-accent-900: #5C3E0D;
  --kuki-color-accent-950: #3B2808;
  --kuki-color-chocolate-600: #623C1E;
  --kuki-color-chocolate-700: #4E2E15;
  --kuki-color-chocolate-800: #3A2210;
  --kuki-color-chocolate-900: #2B1708;
  --kuki-color-chocolate-950: #1F1004;
  --kuki-color-red-50: #FDF0F0;
  --kuki-color-red-100: #FAE5E5;
  --kuki-color-red-200: #F5C4C4;
  --kuki-color-red-300: #EE9494;
  --kuki-color-red-400: #E35151;
  --kuki-color-red-500: #CD0202;
  --kuki-color-red-600: #AB0202;
  --kuki-color-red-700: #8C0202;
  --kuki-color-red-800: #700202;
  --kuki-color-red-900: #570202;
  --kuki-color-red-950: #3A0101;
  --kuki-color-amber-50: #FFF8E7;
  --kuki-color-amber-100: #FFEFC7;
  --kuki-color-amber-200: #FFE28F;
  --kuki-color-amber-300: #FFD666;
  --kuki-color-amber-400: #FBAE1F;
  --kuki-color-amber-500: #F58805;
  --kuki-color-amber-600: #CE6E04;
  --kuki-color-amber-700: #9E5303;
  --kuki-color-amber-800: #7E4302;
  --kuki-color-amber-900: #5C3102;
  --kuki-color-amber-950: #3B1F01;
  --kuki-color-lime-50: #F4F9EC;
  --kuki-color-lime-100: #E1EED1;
  --kuki-color-lime-200: #C8E3A4;
  --kuki-color-lime-300: #A4D162;
  --kuki-color-lime-400: #7FC916;
  --kuki-color-lime-500: #54AF00;
  --kuki-color-lime-600: #4A9203;
  --kuki-color-lime-700: #46710F;
  --kuki-color-lime-800: #375A0C;
  --kuki-color-lime-900: #2A4409;
  --kuki-color-lime-950: #1B2C06;
  --kuki-color-green-50: #E9F7EA;
  --kuki-color-green-100: #CFEDD1;
  --kuki-color-green-200: #A3DDA8;
  --kuki-color-green-300: #6FC876;
  --kuki-color-green-400: #34AD3E;
  --kuki-color-green-500: #00960B;
  --kuki-color-green-600: #007D09;
  --kuki-color-green-700: #036707;
  --kuki-color-green-800: #005807;
  --kuki-color-green-900: #084409;
  --kuki-color-green-950: #062D06;
  --kuki-color-blue-50: #EEF5FD;
  --kuki-color-blue-100: #CCDFF9;
  --kuki-color-blue-200: #A3C7F4;
  --kuki-color-blue-300: #6FA6ED;
  --kuki-color-blue-400: #3E88E7;
  --kuki-color-blue-500: #196FE0;
  --kuki-color-blue-600: #1259B8;
  --kuki-color-blue-700: #0C4694;
  --kuki-color-blue-800: #004195;
  --kuki-color-blue-900: #0A3068;
  --kuki-color-blue-950: #071E40;
  --kuki-color-turquoise-100: #CCF3F6;
  --kuki-color-turquoise-300: #7ADEE7;
  --kuki-color-turquoise-500: #00AEBD;
  --kuki-color-turquoise-700: #00838C;
  --kuki-color-turquoise-900: #00494E;
  --kuki-color-pink-100: #F6CCF2;
  --kuki-color-pink-300: #EC8AE2;
  --kuki-color-pink-500: #D200BD;
  --kuki-color-pink-700: #8C007E;
  --kuki-color-pink-900: #4E0046;
  --kuki-color-violet-100: #EFE5FB;
  --kuki-color-violet-300: #C9A5F2;
  --kuki-color-violet-500: #8A3FE8;
  --kuki-color-violet-700: #3D008C;
  --kuki-color-violet-900: #26005C;
  --kuki-color-white: #FFFFFF;
  --kuki-color-black: #101010;
  --kuki-color-transparent: rgba(0,0,0,0);
  --kuki-size-0: 0px;
  --kuki-size-1: 2px;
  --kuki-size-2: 4px;
  --kuki-size-3: 8px;
  --kuki-size-4: 12px;
  --kuki-size-5: 16px;
  --kuki-size-6: 20px;
  --kuki-size-7: 24px;
  --kuki-size-8: 28px;
  --kuki-size-9: 32px;
  --kuki-size-10: 40px;
  --kuki-size-11: 48px;
  --kuki-size-12: 56px;
  --kuki-size-13: 64px;
  --kuki-size-14: 80px;
  --kuki-size-15: 96px;
  --kuki-size-16: 128px;
  --kuki-radius-xs: 6px;
  --kuki-radius-sm: 8px;
  --kuki-radius-md: 12px;
  --kuki-radius-lg: 16px;
  --kuki-radius-xl: 20px;
  --kuki-radius-2xl: 24px;
  --kuki-radius-3xl: 32px;
  --kuki-radius-pill: 9999px;
  --kuki-sem-radius-control: var(--kuki-radius-pill);
  --kuki-sem-radius-control-compact: var(--kuki-radius-2xl);
  --kuki-sem-radius-badge: var(--kuki-radius-xs);
  --kuki-sem-radius-chip: var(--kuki-radius-2xl);
  --kuki-sem-radius-container: var(--kuki-radius-3xl);
  --kuki-sem-radius-container-nested: var(--kuki-radius-2xl);
  --kuki-sem-radius-dialog: var(--kuki-radius-3xl);
  --kuki-sem-radius-pill: var(--kuki-radius-pill);
  --kuki-space-inset-xs: var(--kuki-size-2);
  --kuki-space-inset-sm: var(--kuki-size-3);
  --kuki-space-inset-md: var(--kuki-size-5);
  --kuki-space-inset-lg: var(--kuki-size-7);
  --kuki-space-inset-xl: var(--kuki-size-9);
  --kuki-space-gap-2xs: var(--kuki-size-1);
  --kuki-space-gap-xs: var(--kuki-size-2);
  --kuki-space-gap-sm: var(--kuki-size-3);
  --kuki-space-gap-md: var(--kuki-size-5);
  --kuki-space-gap-lg: var(--kuki-size-7);
  --kuki-space-gap-xl: var(--kuki-size-10);
  --kuki-space-section-sm: var(--kuki-size-7);
  --kuki-space-section-md: var(--kuki-size-10);
  --kuki-space-section-lg: var(--kuki-size-12);
  --kuki-space-section-xl: var(--kuki-size-14);
  --kuki-icon-size-3xs: var(--kuki-size-2);
  --kuki-icon-size-2xs: var(--kuki-size-3);
  --kuki-icon-size-xs: var(--kuki-size-4);
  --kuki-icon-size-sm: var(--kuki-size-5);
  --kuki-icon-size-md: var(--kuki-size-6);
  --kuki-icon-size-lg: var(--kuki-size-7);
  --kuki-icon-size-xl: var(--kuki-size-9);
  --kuki-opacity-0: 0;
  --kuki-opacity-5: 0.05;
  --kuki-opacity-10: 0.1;
  --kuki-opacity-20: 0.2;
  --kuki-opacity-30: 0.3;
  --kuki-opacity-40: 0.4;
  --kuki-opacity-50: 0.5;
  --kuki-opacity-60: 0.6;
  --kuki-opacity-70: 0.7;
  --kuki-opacity-80: 0.8;
  --kuki-opacity-90: 0.9;
  --kuki-opacity-100: 1;
  --kuki-stroke-0: 0;
  --kuki-stroke-1: 1;
  --kuki-stroke-2: 2;
  --kuki-stroke-3: 3;
  --kuki-stroke-4: 4;
  --kuki-sem-opacity-disabled: var(--kuki-opacity-40);
  --kuki-sem-opacity-subtle: var(--kuki-opacity-60);
  --kuki-sem-opacity-overlay: var(--kuki-opacity-50);
  --kuki-sem-stroke-default: var(--kuki-stroke-1);
  --kuki-sem-stroke-strong: var(--kuki-stroke-2);
  --kuki-sem-stroke-focus: var(--kuki-stroke-2);
  --kuki-font-family: "Google Sans Flex", system-ui, sans-serif;
  --kuki-font-weight-extralight: 200;
  --kuki-font-weight-light: 300;
  --kuki-font-weight-regular: 400;
  --kuki-font-weight-medium: 500;
  --kuki-font-weight-semibold: 600;
  --kuki-font-weight-bold: 700;
  --kuki-font-size-2xs: 10px;
  --kuki-font-size-xs: 12px;
  --kuki-font-size-sm: 14px;
  --kuki-font-size-md: 16px;
  --kuki-font-size-lg: 18px;
  --kuki-font-size-xl: 20px;
  --kuki-font-size-2xl: 24px;
  --kuki-font-size-3xl: 28px;
  --kuki-font-size-4xl: 32px;
  --kuki-font-size-5xl: 40px;
  --kuki-font-size-6xl: 56px;
  --kuki-line-height-2xs: 14px;
  --kuki-line-height-xs: 16px;
  --kuki-line-height-sm: 20px;
  --kuki-line-height-md: 24px;
  --kuki-line-height-lg: 28px;
  --kuki-line-height-xl: 28px;
  --kuki-line-height-2xl: 32px;
  --kuki-line-height-3xl: 36px;
  --kuki-line-height-4xl: 40px;
  --kuki-line-height-5xl: 48px;
  --kuki-line-height-6xl: 64px;
  --kuki-shadow-sm: 0 1px 2px rgba(16,16,16,0.06);
  --kuki-shadow-md: 0 2px 8px rgba(16,16,16,0.08);
  --kuki-shadow-lg: 0 8px 24px rgba(16,16,16,0.12);
  --kuki-shadow-xl: 0 16px 40px rgba(16,16,16,0.16);
  --kuki-gradient-wellness-none: radial-gradient(circle at 50% 50%, #3CC4FF 0%, #2CCAFF 40%, #55CCFF 60%, #D6E9F5 100%);
  --kuki-gradient-wellness-critical: radial-gradient(circle at 50% 50%, #FF3C3F 0%, #FF4F2C 40%, #FF8555 60%, #F5D6DC 100%);
  --kuki-gradient-wellness-caution: radial-gradient(circle at 50% 50%, #FFCE09 0%, #F58805 40%, #F1944D 60%, #CFCBD5 100%);
  --kuki-gradient-wellness-good: radial-gradient(circle at 50% 50%, #06AC00 0%, #54AF00 40%, #7FC916 60%, #FFC93C 100%);
  --kuki-gradient-wellness-excellent: radial-gradient(circle at 50% 50%, #005807 0%, #007D09 40%, #00960B 60%, #5ABB01 100%);
  --kuki-gradient-ai-orb: radial-gradient(circle at 50% 50%, #A7F5FF 0%, #00138F 40%, #000000 60%, #000000 100%);
}
:root, [data-theme="light"] {
  --kuki-sem-surface-canvas: #F3F3F3;
  --kuki-sem-surface-default: #FFFFFF;
  --kuki-sem-surface-raised: #FFFFFF;
  --kuki-sem-surface-sunken: #E4E4E4;
  --kuki-sem-surface-overlay: #101010;
  --kuki-sem-surface-brand: #B25A20;
  --kuki-sem-surface-brand-hover: #96491A;
  --kuki-sem-surface-brand-pressed: #7B3E18;
  --kuki-sem-surface-brand-subtle: #FBF3ED;
  --kuki-sem-surface-brand-subtle-hover: #F7E5D7;
  --kuki-sem-surface-brand-subtle-pressed: #F0CDB2;
  --kuki-sem-surface-accent: #F5C563;
  --kuki-sem-surface-accent-subtle: #FDF4DE;
  --kuki-sem-surface-emphasis: #2B1708;
  --kuki-sem-surface-emphasis-hover: #3A2210;
  --kuki-sem-surface-emphasis-pressed: #4E2E15;
  --kuki-sem-surface-selected: #F7E5D7;
  --kuki-sem-surface-disabled: #E4E4E4;
  --kuki-sem-surface-status-none: #196FE0;
  --kuki-sem-surface-status-none-subtle: #CCDFF9;
  --kuki-sem-surface-status-critical: #CD0202;
  --kuki-sem-surface-status-critical-hover: #AB0202;
  --kuki-sem-surface-status-critical-pressed: #8C0202;
  --kuki-sem-surface-status-critical-subtle: #FAE5E5;
  --kuki-sem-surface-status-critical-subtle-pressed: #F5C4C4;
  --kuki-sem-surface-status-caution: #F58805;
  --kuki-sem-surface-status-caution-subtle: #FFEFC7;
  --kuki-sem-surface-status-good: #54AF00;
  --kuki-sem-surface-status-good-subtle: #E1EED1;
  --kuki-sem-surface-status-excellent: #007D09;
  --kuki-sem-surface-status-excellent-subtle: #CFEDD1;
  --kuki-sem-surface-metric-weight: #CCF3F6;
  --kuki-sem-surface-metric-vaccine: #F6CCF2;
  --kuki-sem-surface-metric-activity: #CCDFF9;
  --kuki-sem-surface-metric-nutrition: #E1EED1;
  --kuki-sem-surface-metric-sleep: #EFE5FB;
  --kuki-sem-surface-metric-medication: #CFEDD1;
  --kuki-sem-surface-tag-pink: #D200BD;
  --kuki-sem-surface-tag-violet: #8A3FE8;
  --kuki-sem-surface-tag-turquoise: #00838C;
  --kuki-sem-surface-tag-pink-subtle: #F6CCF2;
  --kuki-sem-surface-tag-violet-subtle: #EFE5FB;
  --kuki-sem-surface-tag-turquoise-subtle: #CCF3F6;
  --kuki-sem-text-default: #1A1A1A;
  --kuki-sem-text-subtle: #666666;
  --kuki-sem-text-muted: #9F9F9F;
  --kuki-sem-text-inverse: #F9F9F9;
  --kuki-sem-text-brand: #96491A;
  --kuki-sem-text-accent: #A16C0E;
  --kuki-sem-text-link: #196FE0;
  --kuki-sem-text-disabled: #9F9F9F;
  --kuki-sem-text-on-brand: #FFFFFF;
  --kuki-sem-text-on-emphasis: #FEFBF2;
  --kuki-sem-text-on-status: #FFFFFF;
  --kuki-sem-text-on-caution: #1F1004;
  --kuki-sem-text-on-good: #1F1004;
  --kuki-sem-text-tag-pink: #8C007E;
  --kuki-sem-text-tag-violet: #3D008C;
  --kuki-sem-text-tag-turquoise: #00838C;
  --kuki-sem-text-status-none: #1259B8;
  --kuki-sem-text-status-critical: #AB0202;
  --kuki-sem-text-status-caution: #9E5303;
  --kuki-sem-text-status-good: #46710F;
  --kuki-sem-text-status-excellent: #036707;
  --kuki-sem-text-metric-weight: #00838C;
  --kuki-sem-text-metric-vaccine: #8C007E;
  --kuki-sem-text-metric-activity: #0C4694;
  --kuki-sem-text-metric-nutrition: #46710F;
  --kuki-sem-text-metric-sleep: #3D008C;
  --kuki-sem-text-metric-medication: #036707;
  --kuki-sem-icon-default: #1A1A1A;
  --kuki-sem-icon-subtle: #666666;
  --kuki-sem-icon-muted: #9F9F9F;
  --kuki-sem-icon-inverse: #F9F9F9;
  --kuki-sem-icon-brand: #B25A20;
  --kuki-sem-icon-accent: #C98812;
  --kuki-sem-icon-disabled: #9F9F9F;
  --kuki-sem-icon-on-brand: #FFFFFF;
  --kuki-sem-icon-on-emphasis: #FEFBF2;
  --kuki-sem-icon-status-none: #1259B8;
  --kuki-sem-icon-status-critical: #AB0202;
  --kuki-sem-icon-status-caution: #9E5303;
  --kuki-sem-icon-status-good: #46710F;
  --kuki-sem-icon-status-excellent: #036707;
  --kuki-sem-border-default: #CFCFCF;
  --kuki-sem-border-subtle: #E4E4E4;
  --kuki-sem-border-strong: #666666;
  --kuki-sem-border-brand: #DA7F44;
  --kuki-sem-border-accent: #EFAF35;
  --kuki-sem-border-selected: #B25A20;
  --kuki-sem-border-focus: #196FE0;
  --kuki-sem-border-disabled: #E4E4E4;
  --kuki-sem-border-status-critical: #EE9494;
  --kuki-sem-border-status-caution: #FFD666;
  --kuki-sem-border-status-good: #A4D162;
  --kuki-sem-border-status-excellent: #6FC876;
  --kuki-sem-border-status-none: #6FA6ED;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --kuki-sem-surface-canvas: #121110;
    --kuki-sem-surface-default: #1C1A18;
    --kuki-sem-surface-raised: #26231F;
    --kuki-sem-surface-sunken: #0C0B0A;
    --kuki-sem-surface-overlay: #000000;
    --kuki-sem-surface-brand: #DA7F44;
    --kuki-sem-surface-brand-hover: #E19864;
    --kuki-sem-surface-brand-pressed: #E8B189;
    --kuki-sem-surface-brand-subtle: #33221A;
    --kuki-sem-surface-brand-subtle-hover: #3E2A1F;
    --kuki-sem-surface-brand-subtle-pressed: #4A3225;
    --kuki-sem-surface-accent: #F5C563;
    --kuki-sem-surface-accent-subtle: #332B14;
    --kuki-sem-surface-emphasis: #F3F3F3;
    --kuki-sem-surface-emphasis-hover: #E4E4E4;
    --kuki-sem-surface-emphasis-pressed: #CFCFCF;
    --kuki-sem-surface-selected: #3E2A1F;
    --kuki-sem-surface-disabled: #2E2B28;
    --kuki-sem-surface-status-none: #3E88E7;
    --kuki-sem-surface-status-none-subtle: #152438;
    --kuki-sem-surface-status-critical: #E35151;
    --kuki-sem-surface-status-critical-hover: #EE9494;
    --kuki-sem-surface-status-critical-pressed: #F5C4C4;
    --kuki-sem-surface-status-critical-subtle: #381515;
    --kuki-sem-surface-status-critical-subtle-pressed: #4A1B1B;
    --kuki-sem-surface-status-caution: #FBAE1F;
    --kuki-sem-surface-status-caution-subtle: #382B10;
    --kuki-sem-surface-status-good: #7FC916;
    --kuki-sem-surface-status-good-subtle: #25300F;
    --kuki-sem-surface-status-excellent: #00960B;
    --kuki-sem-surface-status-excellent-subtle: #0F2C12;
    --kuki-sem-surface-metric-weight: #0F2E31;
    --kuki-sem-surface-metric-vaccine: #331030;
    --kuki-sem-surface-metric-activity: #152438;
    --kuki-sem-surface-metric-nutrition: #25300F;
    --kuki-sem-surface-metric-sleep: #241536;
    --kuki-sem-surface-metric-medication: #0F2C12;
    --kuki-sem-surface-tag-pink: #D200BD;
    --kuki-sem-surface-tag-violet: #8A3FE8;
    --kuki-sem-surface-tag-turquoise: #00838C;
    --kuki-sem-surface-tag-pink-subtle: #331030;
    --kuki-sem-surface-tag-violet-subtle: #241536;
    --kuki-sem-surface-tag-turquoise-subtle: #0F2E31;
    --kuki-sem-text-default: #F5F2EF;
    --kuki-sem-text-subtle: #B3ACA5;
    --kuki-sem-text-muted: #807A74;
    --kuki-sem-text-inverse: #1A1A1A;
    --kuki-sem-text-brand: #E8B189;
    --kuki-sem-text-accent: #F8D890;
    --kuki-sem-text-link: #6FA6ED;
    --kuki-sem-text-disabled: #5C5750;
    --kuki-sem-text-on-brand: #1F1004;
    --kuki-sem-text-on-emphasis: #1F1004;
    --kuki-sem-text-on-status: #1F1004;
    --kuki-sem-text-on-caution: #1F1004;
    --kuki-sem-text-on-good: #1F1004;
    --kuki-sem-text-tag-pink: #EC8AE2;
    --kuki-sem-text-tag-violet: #C9A5F2;
    --kuki-sem-text-tag-turquoise: #7ADEE7;
    --kuki-sem-text-status-none: #6FA6ED;
    --kuki-sem-text-status-critical: #EE9494;
    --kuki-sem-text-status-caution: #FFD666;
    --kuki-sem-text-status-good: #A4D162;
    --kuki-sem-text-status-excellent: #6FC876;
    --kuki-sem-text-metric-weight: #7ADEE7;
    --kuki-sem-text-metric-vaccine: #EC8AE2;
    --kuki-sem-text-metric-activity: #6FA6ED;
    --kuki-sem-text-metric-nutrition: #A4D162;
    --kuki-sem-text-metric-sleep: #C9A5F2;
    --kuki-sem-text-metric-medication: #6FC876;
    --kuki-sem-icon-default: #F5F2EF;
    --kuki-sem-icon-subtle: #B3ACA5;
    --kuki-sem-icon-muted: #807A74;
    --kuki-sem-icon-inverse: #1A1A1A;
    --kuki-sem-icon-brand: #E8B189;
    --kuki-sem-icon-accent: #F8D890;
    --kuki-sem-icon-disabled: #5C5750;
    --kuki-sem-icon-on-brand: #1F1004;
    --kuki-sem-icon-on-emphasis: #1F1004;
    --kuki-sem-icon-status-none: #6FA6ED;
    --kuki-sem-icon-status-critical: #EE9494;
    --kuki-sem-icon-status-caution: #FFD666;
    --kuki-sem-icon-status-good: #A4D162;
    --kuki-sem-icon-status-excellent: #6FC876;
    --kuki-sem-border-default: #3A3631;
    --kuki-sem-border-subtle: #2E2B28;
    --kuki-sem-border-strong: #807A74;
    --kuki-sem-border-brand: #E19864;
    --kuki-sem-border-accent: #F5C563;
    --kuki-sem-border-selected: #E8B189;
    --kuki-sem-border-focus: #6FA6ED;
    --kuki-sem-border-disabled: #2E2B28;
    --kuki-sem-border-status-critical: #8C0202;
    --kuki-sem-border-status-caution: #9E5303;
    --kuki-sem-border-status-good: #46710F;
    --kuki-sem-border-status-excellent: #036707;
    --kuki-sem-border-status-none: #0C4694;
  }
}
[data-theme="dark"] {
  --kuki-sem-surface-canvas: #121110;
  --kuki-sem-surface-default: #1C1A18;
  --kuki-sem-surface-raised: #26231F;
  --kuki-sem-surface-sunken: #0C0B0A;
  --kuki-sem-surface-overlay: #000000;
  --kuki-sem-surface-brand: #DA7F44;
  --kuki-sem-surface-brand-hover: #E19864;
  --kuki-sem-surface-brand-pressed: #E8B189;
  --kuki-sem-surface-brand-subtle: #33221A;
  --kuki-sem-surface-brand-subtle-hover: #3E2A1F;
  --kuki-sem-surface-brand-subtle-pressed: #4A3225;
  --kuki-sem-surface-accent: #F5C563;
  --kuki-sem-surface-accent-subtle: #332B14;
  --kuki-sem-surface-emphasis: #F3F3F3;
  --kuki-sem-surface-emphasis-hover: #E4E4E4;
  --kuki-sem-surface-emphasis-pressed: #CFCFCF;
  --kuki-sem-surface-selected: #3E2A1F;
  --kuki-sem-surface-disabled: #2E2B28;
  --kuki-sem-surface-status-none: #3E88E7;
  --kuki-sem-surface-status-none-subtle: #152438;
  --kuki-sem-surface-status-critical: #E35151;
  --kuki-sem-surface-status-critical-hover: #EE9494;
  --kuki-sem-surface-status-critical-pressed: #F5C4C4;
  --kuki-sem-surface-status-critical-subtle: #381515;
  --kuki-sem-surface-status-critical-subtle-pressed: #4A1B1B;
  --kuki-sem-surface-status-caution: #FBAE1F;
  --kuki-sem-surface-status-caution-subtle: #382B10;
  --kuki-sem-surface-status-good: #7FC916;
  --kuki-sem-surface-status-good-subtle: #25300F;
  --kuki-sem-surface-status-excellent: #00960B;
  --kuki-sem-surface-status-excellent-subtle: #0F2C12;
  --kuki-sem-surface-metric-weight: #0F2E31;
  --kuki-sem-surface-metric-vaccine: #331030;
  --kuki-sem-surface-metric-activity: #152438;
  --kuki-sem-surface-metric-nutrition: #25300F;
  --kuki-sem-surface-metric-sleep: #241536;
  --kuki-sem-surface-metric-medication: #0F2C12;
  --kuki-sem-surface-tag-pink: #D200BD;
  --kuki-sem-surface-tag-violet: #8A3FE8;
  --kuki-sem-surface-tag-turquoise: #00838C;
  --kuki-sem-surface-tag-pink-subtle: #331030;
  --kuki-sem-surface-tag-violet-subtle: #241536;
  --kuki-sem-surface-tag-turquoise-subtle: #0F2E31;
  --kuki-sem-text-default: #F5F2EF;
  --kuki-sem-text-subtle: #B3ACA5;
  --kuki-sem-text-muted: #807A74;
  --kuki-sem-text-inverse: #1A1A1A;
  --kuki-sem-text-brand: #E8B189;
  --kuki-sem-text-accent: #F8D890;
  --kuki-sem-text-link: #6FA6ED;
  --kuki-sem-text-disabled: #5C5750;
  --kuki-sem-text-on-brand: #1F1004;
  --kuki-sem-text-on-emphasis: #1F1004;
  --kuki-sem-text-on-status: #1F1004;
  --kuki-sem-text-on-caution: #1F1004;
  --kuki-sem-text-on-good: #1F1004;
  --kuki-sem-text-tag-pink: #EC8AE2;
  --kuki-sem-text-tag-violet: #C9A5F2;
  --kuki-sem-text-tag-turquoise: #7ADEE7;
  --kuki-sem-text-status-none: #6FA6ED;
  --kuki-sem-text-status-critical: #EE9494;
  --kuki-sem-text-status-caution: #FFD666;
  --kuki-sem-text-status-good: #A4D162;
  --kuki-sem-text-status-excellent: #6FC876;
  --kuki-sem-text-metric-weight: #7ADEE7;
  --kuki-sem-text-metric-vaccine: #EC8AE2;
  --kuki-sem-text-metric-activity: #6FA6ED;
  --kuki-sem-text-metric-nutrition: #A4D162;
  --kuki-sem-text-metric-sleep: #C9A5F2;
  --kuki-sem-text-metric-medication: #6FC876;
  --kuki-sem-icon-default: #F5F2EF;
  --kuki-sem-icon-subtle: #B3ACA5;
  --kuki-sem-icon-muted: #807A74;
  --kuki-sem-icon-inverse: #1A1A1A;
  --kuki-sem-icon-brand: #E8B189;
  --kuki-sem-icon-accent: #F8D890;
  --kuki-sem-icon-disabled: #5C5750;
  --kuki-sem-icon-on-brand: #1F1004;
  --kuki-sem-icon-on-emphasis: #1F1004;
  --kuki-sem-icon-status-none: #6FA6ED;
  --kuki-sem-icon-status-critical: #EE9494;
  --kuki-sem-icon-status-caution: #FFD666;
  --kuki-sem-icon-status-good: #A4D162;
  --kuki-sem-icon-status-excellent: #6FC876;
  --kuki-sem-border-default: #3A3631;
  --kuki-sem-border-subtle: #2E2B28;
  --kuki-sem-border-strong: #807A74;
  --kuki-sem-border-brand: #E19864;
  --kuki-sem-border-accent: #F5C563;
  --kuki-sem-border-selected: #E8B189;
  --kuki-sem-border-focus: #6FA6ED;
  --kuki-sem-border-disabled: #2E2B28;
  --kuki-sem-border-status-critical: #8C0202;
  --kuki-sem-border-status-caution: #9E5303;
  --kuki-sem-border-status-good: #46710F;
  --kuki-sem-border-status-excellent: #036707;
  --kuki-sem-border-status-none: #0C4694;
}