/*
  Tegeta Motors — Design System web tokens (CSS custom properties)
  GENERATED from tegeta-ds.tokens.json — do not edit by hand; re-run the generator.
  Every value traces back to a Figma variable or style in "Tegeta Design System Tinatin.fig".
  Import order: fonts/fonts.css → this file → tegeta-ds-components.css
*/

:root {
  --color-yellow-100: #fffbf3;
  --color-yellow-200: #fff8e7;
  --color-yellow-300: #fff1d0;
  --color-yellow-400: #ffe39e;
  --color-yellow-500: #ffca4d;
  --color-yellow-600: #fdbd29;
  --color-yellow-700: #fdb813;
  --color-yellow-800: #eba90d;
  --color-yellow-900: #d49c0a;
  --color-yellow-1000: #b88606;
  --color-green-100: #f2faf6;
  --color-green-200: #e5f6ed;
  --color-green-300: #cceddc;
  --color-green-400: #7be1b0;
  --color-green-500: #14c66a;
  --color-green-600: #11b45f;
  --color-green-700: #00a550;
  --color-green-800: #009a4a;
  --color-green-900: #008943;
  --color-green-1000: #056e38;
  --color-blue-100: #f3f8fd;
  --color-blue-200: #e8f0fb;
  --color-blue-300: #d0e2f6;
  --color-blue-400: #9ac0ef;
  --color-blue-500: #3a8bea;
  --color-blue-600: #2b7bdd;
  --color-blue-700: #156dd4;
  --color-blue-800: #115fc1;
  --color-blue-900: #0c59b4;
  --color-blue-1000: #0b4c9a;
  --color-orange-100: #fef8f3;
  --color-orange-200: #fef1e8;
  --color-orange-300: #fde2d1;
  --color-orange-400: #fdbb94;
  --color-orange-500: #fd8e44;
  --color-orange-600: #f87825;
  --color-orange-700: #f57017;
  --color-orange-800: #e76412;
  --color-orange-900: #d65d0b;
  --color-orange-1000: #b94f08;
  --color-red-100: #fdf3f4;
  --color-red-200: #fbe8e9;
  --color-red-300: #f7d1d2;
  --color-red-400: #f29ea0;
  --color-red-500: #ef565c;
  --color-red-600: #f0383f;
  --color-red-700: #d71920;
  --color-red-800: #c7161c;
  --color-red-900: #bd1219;
  --color-red-1000: #9e0f14;
  --color-lime-100: #eefbda;
  --color-lime-200: #d3f1a7;
  --color-lime-300: #b3df72;
  --color-lime-400: #94c748;
  --color-lime-500: #82b536;
  --color-lime-600: #6a9a23;
  --color-lime-700: #5b7f24;
  --color-lime-800: #4c6b1f;
  --color-lime-900: #37471f;
  --color-lime-1000: #2a3818;
  --color-moonstone-100: #e3fafc;
  --color-moonstone-200: #c1f0f5;
  --color-moonstone-300: #8bdbe5;
  --color-moonstone-400: #60c6d2;
  --color-moonstone-500: #37b4c3;
  --color-moonstone-600: #1d9aaa;
  --color-moonstone-700: #1d7f8c;
  --color-moonstone-800: #206b74;
  --color-moonstone-900: #1d474c;
  --color-moonstone-1000: #15373b;
  --color-purple-100: #f3f0ff;
  --color-purple-200: #dfd8fd;
  --color-purple-300: #b8acf6;
  --color-purple-400: #9f8fef;
  --color-purple-500: #8f7ee7;
  --color-purple-600: #8270db;
  --color-purple-700: #6e5dc6;
  --color-purple-800: #5e4db2;
  --color-purple-900: #352c63;
  --color-purple-1000: #231c3f;
  --color-neutral-0: #ffffff;
  --color-neutral-100: #f5f5f5;
  --color-neutral-150: #efefef;
  --color-neutral-200: #ebebeb;
  --color-neutral-225: #e3e3e4;
  --color-neutral-250: #dfdfe0;
  --color-neutral-275: #d2d3d4;
  --color-neutral-300: #d6d7d8;
  --color-neutral-400: #c6c7c8;
  --color-neutral-500: #aeafb1;
  --color-neutral-600: #6d7073;
  --color-neutral-700: #53575a;
  --color-neutral-800: #3f4245;
  --color-neutral-900: #34383c;
  --color-neutral-1000: #25282b;
  --color-neutral-1100: #1b1e21;
  --color-magenta-100: #ffecf8;
  --color-magenta-200: #fdd0ec;
  --color-magenta-300: #f797d2;
  --color-magenta-400: #e774bb;
  --color-magenta-500: #da62ac;
  --color-magenta-600: #cd519d;
  --color-magenta-700: #ae4787;
  --color-magenta-800: #943d73;
  --color-magenta-900: #50253f;
  --color-magenta-1000: #421f34;
  --color-neutral-lm-minus-350a: #34383c0d;
  --color-neutral-lm-000a: #34383c99;
  --color-neutral-lm-100a: #34383c08;
  --color-neutral-lm-200a: #34383c0f;
  --color-neutral-lm-300a: #34383c24;
  --color-neutral-lm-400a: #34383c4f;
  --color-neutral-lm-500a: #34383c7d;
  --color-neutral-lm-transparant: #34383c00;
  --color-neutral-lm-350a: #34383c33;
  --color-yellow-a200: #fdb81333;
  --color-yellow-a100: #fdb8131a;
  --color-yellow-a50: #fdb8130d;
  --color-green-a200: #00a55033;
  --color-green-a100: #00a5501a;
  --color-green-a50: #00a5500d;
  --color-blue-a200: #156dd433;
  --color-blue-a100: #156dd41a;
  --color-blue-a50: #156dd40d;
  --color-orange-a200: #f5701733;
  --color-orange-a100: #f570171a;
  --color-orange-a50: #f570170d;
  --color-red-a200: #d7192033;
  --color-red-a100: #d719201a;
  --color-red-a50: #d719200d;
  --color-lime-a200: #5b7f2433;
  --color-lime-a100: #5b7f241a;
  --color-lime-a50: #5b7f240d;
  --color-moonstone-a200: #1d7f8c33;
  --color-moonstone-a100: #1d7f8c1a;
  --color-moonstone-a50: #1d7f8c0d;
  --color-purple-a200: #6e5dc633;
  --color-purple-a100: #6e5dc61a;
  --color-purple-a50: #6e5dc60d;
  --color-magenta-a200: #ae478733;
  --color-magenta-a100: #ae47871a;
  --color-magenta-a50: #ae47870d;
  --color-neutral-a200: #34383c33;
  --color-neutral-a100: #34383c1a;
  --color-neutral-a50: #34383c0d;
  --color-neutral-a80: #34383c14;
  --color-neutral-a160: #34383c29;
  --color-neutral-a220: #34383c38;
  --color-neutral-a140: #34383c24;
  --color-neutral-a0: #34383c00;
  --color-neutral-a600: #34383c99;
  --color-neutral-a300: #34383c4d;
  --color-neutral-a400: #34383c66;
  --color-brand-primary-1000: var(--color-neutral-1000);
  --color-brand-primary-900: var(--color-neutral-900);
  --color-brand-primary-800: var(--color-neutral-800);
  --color-brand-primary-700: var(--color-neutral-700);
  --color-brand-primary-600: var(--color-neutral-600);
  --color-brand-primary-500: var(--color-neutral-500);
  --color-brand-primary-400: var(--color-neutral-400);
  --color-brand-primary-300: var(--color-neutral-300);
  --color-brand-primary-200: var(--color-neutral-200);
  --color-brand-primary-100: var(--color-neutral-100);
  --color-brand-secondary-1000: var(--color-yellow-1000);
  --color-brand-secondary-900: var(--color-yellow-900);
  --color-brand-secondary-800: var(--color-yellow-800);
  --color-brand-secondary-700: var(--color-yellow-700);
  --color-brand-secondary-600: var(--color-yellow-600);
  --color-brand-secondary-500: var(--color-yellow-500);
  --color-brand-secondary-400: var(--color-yellow-400);
  --color-brand-secondary-300: var(--color-yellow-300);
  --color-brand-secondary-200: var(--color-yellow-200);
  --color-brand-secondary-100: var(--color-yellow-100);
  --color-brand-primary-alpha-dark: var(--color-neutral-a100);
  --color-brand-primary-alpha-base: var(--color-neutral-a50);
  --color-brand-primary-alpha-light: var(--color-neutral-a0);
  --color-brand-secondary-alpha-dark: var(--color-yellow-a200);
  --color-brand-secondary-alpha-base: var(--color-yellow-a100);
  --color-brand-secondary-alpha-light: var(--color-yellow-a50);
  --color-text-primary: var(--color-neutral-900);
  --color-text-subtle: var(--color-neutral-600);
  --color-text-subtlest: var(--color-neutral-500);
  --color-text-disabled: var(--color-neutral-400);
  --color-text-white: var(--color-neutral-0);
  --color-text-white-subtle: var(--color-neutral-250);
  --color-text-white-subtlest: var(--color-neutral-400);
  --color-text-white-disabled: var(--color-neutral-600);
  --color-surface: var(--color-neutral-0);
  --color-surface-hovered: var(--color-neutral-250);
  --color-surface-pressed: var(--color-neutral-275);
  --color-surface-primary: var(--color-neutral-150);
  --color-surface-active: var(--color-neutral-275);
  --color-surface-light: var(--color-neutral-100);
  --color-surface-raised: var(--color-neutral-100);
  --color-surface-raised-hovered: var(--color-neutral-150);
  --color-surface-raised-pressed: var(--color-neutral-200);
  --color-surface-overlay: var(--color-neutral-0);
  --color-surface-overlay-hovered: var(--color-neutral-100);
  --color-surface-overlay-pressed: var(--color-neutral-200);
  --color-surface-divider-alpha: var(--color-neutral-a80);
  --color-surface-divider-light: var(--color-neutral-150);
  --color-surface-divider-white: var(--color-neutral-800);
  --color-surface-alpha-primary: var(--color-neutral-a80);
  --color-surface-alpha-hover: var(--color-neutral-a160);
  --color-surface-alpha-pressed: var(--color-neutral-a220);
  --color-surface-alpha-active: var(--color-neutral-a400);
  --color-surface-alpha-disabled: var(--color-neutral-a140);
  --color-primary-dark: var(--color-neutral-1100);
  --color-primary-base: var(--color-neutral-900);
  --color-primary-light: var(--color-neutral-700);
  --color-primary-subtle-dark: var(--color-neutral-275);
  --color-primary-subtle-base: var(--color-neutral-200);
  --color-primary-subtle-light: var(--color-neutral-100);
  --color-primary-alpha-dark: var(--color-neutral-a200);
  --color-primary-alpha-base: var(--color-brand-primary-alpha-dark);
  --color-primary-alpha-light: var(--color-brand-primary-alpha-base);
  --color-primary-alpha-transparent: var(--color-brand-primary-alpha-light);
  --color-secondary-dark: var(--color-brand-secondary-900);
  --color-secondary-base: var(--color-brand-secondary-700);
  --color-secondary-light: var(--color-brand-secondary-500);
  --color-secondary-subtle-dark: var(--color-brand-secondary-300);
  --color-secondary-subtle-base: var(--color-brand-secondary-200);
  --color-secondary-subtle-light: var(--color-brand-secondary-100);
  --color-secondary-alpha-dark: var(--color-brand-secondary-alpha-dark);
  --color-secondary-alpha-base: var(--color-brand-secondary-alpha-base);
  --color-secondary-alpha-light: var(--color-brand-secondary-alpha-light);
  --color-success-dark: var(--color-green-900);
  --color-success-base: var(--color-green-700);
  --color-success-light: var(--color-green-500);
  --color-success-subtle-dark: var(--color-green-300);
  --color-success-subtle-base: var(--color-green-200);
  --color-success-subtle-light: var(--color-green-100);
  --color-success-alpha-dark: var(--color-green-a200);
  --color-success-alpha-base: var(--color-green-a100);
  --color-success-alpha-light: var(--color-green-a50);
  --color-informative-dark: var(--color-blue-900);
  --color-informative-base: var(--color-blue-700);
  --color-informative-light: var(--color-blue-500);
  --color-informative-subtle-dark: var(--color-blue-300);
  --color-informative-subtle-base: var(--color-blue-200);
  --color-informative-subtle-light: var(--color-blue-100);
  --color-informative-alpha-dark: var(--color-blue-a200);
  --color-informative-alpha-base: var(--color-blue-a100);
  --color-informative-alpha-light: var(--color-blue-a50);
  --color-warning-dark: var(--color-orange-900);
  --color-warning-base: var(--color-orange-700);
  --color-warning-light: var(--color-orange-500);
  --color-warning-subtle-dark: var(--color-orange-300);
  --color-warning-subtle-base: var(--color-orange-200);
  --color-warning-subtle-light: var(--color-orange-100);
  --color-warning-alpha-dark: var(--color-orange-a200);
  --color-warning-alpha-base: var(--color-orange-a100);
  --color-warning-alpha-light: var(--color-orange-a50);
  --color-error-dark: var(--color-red-900);
  --color-error-base: var(--color-red-700);
  --color-error-light: var(--color-red-600);
  --color-error-subtle-dark: var(--color-red-300);
  --color-error-subtle-base: var(--color-red-200);
  --color-error-subtle-light: var(--color-red-100);
  --color-error-alpha-dark: var(--color-red-a200);
  --color-error-alpha-base: var(--color-red-a100);
  --color-error-alpha-light: var(--color-red-a50);
  --color-positive-dark: var(--color-lime-900);
  --color-positive-base: var(--color-lime-700);
  --color-positive-light: var(--color-lime-600);
  --color-positive-subtle-dark: var(--color-lime-300);
  --color-positive-subtle-base: var(--color-lime-200);
  --color-positive-subtle-light: var(--color-lime-100);
  --color-positive-alpha-dark: var(--color-lime-a200);
  --color-positive-alpha-base: var(--color-lime-a100);
  --color-positive-alpha-light: var(--color-lime-a50);
  --color-discovery-dark: var(--color-purple-900);
  --color-discovery-base: var(--color-purple-700);
  --color-discovery-light: var(--color-purple-600);
  --color-discovery-subtle-dark: var(--color-purple-300);
  --color-discovery-subtle-base: var(--color-purple-200);
  --color-discovery-subtle-light: var(--color-purple-100);
  --color-discovery-alpha-dark: var(--color-purple-a200);
  --color-discovery-alpha-base: var(--color-purple-a100);
  --color-discovery-alpha-light: var(--color-purple-a50);
  --color-teal-dark: var(--color-moonstone-900);
  --color-teal-base: var(--color-moonstone-700);
  --color-teal-light: var(--color-moonstone-600);
  --color-teal-subtle-dark: var(--color-moonstone-300);
  --color-teal-subtle-base: var(--color-moonstone-200);
  --color-teal-subtle-light: var(--color-moonstone-100);
  --color-teal-alpha-dark: var(--color-moonstone-a200);
  --color-teal-alpha-base: var(--color-moonstone-a100);
  --color-teal-alpha-light: var(--color-moonstone-a50);
  --color-magenta-dark: var(--color-magenta-900);
  --color-magenta-base: var(--color-magenta-700);
  --color-magenta-light: var(--color-magenta-600);
  --color-magenta-subtle-dark: var(--color-magenta-300);
  --color-magenta-subtle-base: var(--color-magenta-200);
  --color-magenta-subtle-light: var(--color-magenta-100);
  --color-magenta-alpha-dark: var(--color-magenta-a200);
  --color-magenta-alpha-base: var(--color-magenta-a100);
  --color-magenta-alpha-light: var(--color-magenta-a50);
  --color-border-default: var(--color-neutral-150);
  --color-border-alpha-default: var(--color-neutral-a80);
  --color-border-alpha-hovered: var(--color-neutral-a160);
  --color-border-hovered: var(--color-neutral-250);
  --color-border-pressed: var(--color-neutral-250);
  --color-border-alpha-pressed: var(--color-neutral-a220);
  --color-border-disabled: var(--color-neutral-225);
  --color-border-alpha-disabled: var(--color-neutral-a140);
  --color-c-text-icons-primary: #34383c;
  --color-c-text-icons-secondary: #34383cb8;
  --color-c-text-icons-placeholder: #34383c66;
  --color-c-text-icons-disabled: #34383c47;
  --color-c-text-icons-white: #ffffff;
  --color-c-divider-primary: #34383c14;
  --color-c-primary-primary-dark: #1b1e21;
  --color-c-primary-primary-base: #34383c;
  --color-c-primary-primary-light: #53575a;
  --color-c-primary-op-primary-dark: #34383c33;
  --color-c-primary-op-primary-base: #34383c1a;
  --color-c-primary-op-primary-light: #34383c0d;
  --color-c-secondary-secondary-dark: #dd9e08;
  --color-c-secondary-secondary-base: #fdb813;
  --color-c-secondary-secondary-light: #ffca4d;
  --color-c-secondary-op-secondary-dark: #fdb81333;
  --color-c-secondary-op-secondary-base: #fdb8131a;
  --color-c-secondary-op-secondary-light: #fdb8130d;
  --color-c-success-success-dark: #008943;
  --color-c-success-success-base: #00a550;
  --color-c-success-success-light: #14c66a;
  --color-c-success-op-success-dark: #00a55033;
  --color-c-success-op-success-base: #00a5501a;
  --color-c-success-op-success-light: #00a5500d;
  --color-c-informative-informative-dark: #0c59b4;
  --color-c-informative-informative-base: #156dd4;
  --color-c-informative-informative-light: #3a8bea;
  --color-c-informative-op-informative-dark: #156dd433;
  --color-c-informative-op-informative-base: #156dd41a;
  --color-c-informative-op-informative-light: #156dd40d;
  --color-c-warning-warning-dark: #d65d0b;
  --color-c-warning-warning-base: #f57017;
  --color-c-warning-warning-light: #fd8e44;
  --color-c-warning-op-warning-dark: #f5701733;
  --color-c-warning-op-warning-base: #f570171a;
  --color-c-warning-op-warning-light: #f570170d;
  --color-c-error-error-dark: #bd1219;
  --color-c-error-error-base: #d71920;
  --color-c-error-error-light: #f0383f;
  --color-c-error-op-error-dark: #d7192033;
  --color-c-error-op-error-base: #d719201a;
  --color-c-error-op-error-light: #d719200d;
  --color-c-background-components-primary: #34383c14;
  --color-c-background-components-hover: #34383c29;
  --color-c-background-components-pressed: #34383c38;
  --color-c-background-components-active: #34383c38;
  --color-c-background-components-disable: #34383c24;
  --color-c-background-bg-white: #ffffff;
  --color-c-background-bg-additional: #f4f4f4;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 36px;
  --space-10: 40px;
  --space-11: 44px;
  --space-12: 48px;
  --space-13: 52px;
  --space-14: 56px;
  --space-16: 64px;
  --space-18: 72px;
  --space-20: 80px;
  --space-24: 96px;
  --space-28: 112px;
  --space-32: 128px;
  --space-36: 144px;
  --space-40: 160px;
  --space-44: 176px;
  --space-48: 192px;
  --space-52: 208px;
  --space-56: 224px;
  --space-60: 240px;
  --space-64: 256px;
  --space-72: 288px;
  --space-80: 320px;
  --space-96: 384px;
  --space-9999: 9999px;
  --space-0-5: 2px;
  --space-1-5: 6px;
  --space-2-5: 10px;
  --space-3-5: 14px;
  --space-4-5: 18px;
  --space-7-5: 30px;
  --space-5-5: 22px;
  --space-9-5: 38px;
  --space-8-5: 34px;
  --viewport-sm: 1024px;
  --viewport-md: 1124px;
  --viewport-lg: 1264px;
  --viewport-xl: 1400px;
  --viewport-2xl: 1920px;
  --viewport-full: 9999px;
  --gap-0: var(--space-0);
  --gap-1: var(--space-1);
  --gap-2: var(--space-2);
  --gap-3: var(--space-3);
  --gap-4: var(--space-4);
  --gap-5: var(--space-5);
  --gap-6: var(--space-6);
  --gap-7: var(--space-7);
  --gap-8: var(--space-8);
  --gap-9: var(--space-9);
  --gap-10: var(--space-10);
  --gap-11: var(--space-11);
  --gap-12: var(--space-12);
  --gap-14: var(--space-14);
  --gap-16: var(--space-16);
  --gap-20: var(--space-20);
  --gap-24: var(--space-24);
  --gap-28: var(--space-28);
  --gap-32: var(--space-32);
  --gap-36: var(--space-36);
  --gap-40: var(--space-40);
  --gap-44: var(--space-44);
  --gap-48: var(--space-48);
  --gap-52: var(--space-52);
  --gap-56: var(--space-56);
  --gap-60: var(--space-60);
  --gap-64: var(--space-64);
  --gap-72: var(--space-72);
  --gap-80: var(--space-80);
  --gap-96: var(--space-96);
  --gap-0-5: var(--space-0-5);
  --gap-1-5: var(--space-1-5);
  --gap-2-5: var(--space-2-5);
  --gap-3-5: var(--space-3-5);
  --padding-0: var(--space-0);
  --padding-1: var(--space-1);
  --padding-2: var(--space-2);
  --padding-3: var(--space-3);
  --padding-4: var(--space-4);
  --padding-5: var(--space-5);
  --padding-6: var(--space-6);
  --padding-7: var(--space-7);
  --padding-8: var(--space-8);
  --padding-9: var(--space-9);
  --padding-10: var(--space-10);
  --padding-11: var(--space-11);
  --padding-12: var(--space-12);
  --padding-14: var(--space-14);
  --padding-16: var(--space-16);
  --padding-20: var(--space-20);
  --padding-24: var(--space-24);
  --padding-28: var(--space-28);
  --padding-32: var(--space-32);
  --padding-36: var(--space-36);
  --padding-40: var(--space-40);
  --padding-44: var(--space-44);
  --padding-48: var(--space-48);
  --padding-52: var(--space-52);
  --padding-56: var(--space-56);
  --padding-60: var(--space-60);
  --padding-64: var(--space-64);
  --padding-72: var(--space-72);
  --padding-80: var(--space-80);
  --padding-96: var(--space-96);
  --padding-0-5: var(--space-0-5);
  --padding-1-5: var(--space-1-5);
  --padding-2-5: var(--space-2-5);
  --padding-3-5: var(--space-3-5);
  --font-size-headline-1: 40px;
  --font-size-headline-2: 32px;
  --font-size-headline-3: 24px;
  --font-size-headline-4: 20px;
  --font-size-headline-5: 16px;
  --font-size-headline-6: 14px;
  --font-size-subtitle-1: 32px;
  --font-size-subtitle-2: 24px;
  --font-size-subtitle-3: 20px;
  --font-size-subtitle-4: 16px;
  --font-size-subtitle-5: 14px;
  --font-size-subtitle-6: 12px;
  --font-size-body-1: 20px;
  --font-size-body-2: 16px;
  --font-size-body-3: 14px;
  --font-size-body-4: 12px;
  --font-size-overline-1: 14px;
  --font-size-overline-2: 12px;
  --font-size-overline-3: 10px;
  --font-size-caption-1: 12px;
  --font-size-caption-2: 10px;
  --font-size-button-1: 14px;
  --font-size-button-2: 12px;
  --font-size-button-3: 16px;
  --line-height-headline-1: 52px;
  --line-height-headline-2: 44px;
  --line-height-headline-3: 32px;
  --line-height-headline-4: 28px;
  --line-height-headline-5: 22px;
  --line-height-headline-6: 20px;
  --line-height-subtitle-1: 44px;
  --line-height-subtitle-2: 34px;
  --line-height-subtitle-3: 28px;
  --line-height-subtitle-4: 22px;
  --line-height-subtitle-5: 20px;
  --line-height-subtitle-6: 16px;
  --line-height-body-1: 30px;
  --line-height-body-2: 24px;
  --line-height-body-3: 20px;
  --line-height-body-4: 18px;
  --line-height-overline-1: 20px;
  --line-height-overline-2: 16px;
  --line-height-overline-3: 14px;
  --line-height-caption-1: 18px;
  --line-height-caption-2: 14px;
  --line-height-button-1: 20px;
  --line-height-button-2: 16px;
  --line-height-button-3: 22px;
  --letter-spacing-0: 0px;
  --letter-spacing-1: 1px;
  --letter-spacing-2: 2px;
  --letter-spacing-0-5: -0.5px;
  --spacing-xxxlarge: 80px;
  --spacing-xxlarge: 64px;
  --spacing-xlarge: 48px;
  --spacing-large: 40px;
  --spacing-medium: 32px;
  --spacing-small: 24px;
  --spacing-xsmall: 20px;
  --spacing-xxsmall: 16px;
  --spacing-xxxxsmall: 8px;
  --spacing-xxxxxsmall: 4px;
  --spacing-xxxsmall: 12px;
  --spacing-xxxxxsmall-2: 4px;
  --radius-maximum: 1000px;
  --radius-xlarge: 24px;
  --radius-large: 16px;
  --radius-medium: 12px;
  --radius-xsmall: 4px;
  --radius-small: 8px;
  --button-height-large: 48px;
  --button-height-medium: 40px;
  --button-height-small: 32px;
  --input-height-large: 56px;
  --input-height-medium: 48px;
  --radius-card-full: var(--space-9999);
  --radius-card-3xl: var(--space-6);
  --radius-card-lg: var(--space-2);
  --radius-card-2xl: var(--space-4);
  --radius-card-md: var(--space-1-5);
  --radius-card: var(--space-1);
  --radius-card-4xl: var(--space-8);
  --radius-card-xl: var(--space-3);
  --radius-card-sm: var(--space-0-5);
  --radius-card-none: var(--space-0);
  --radius-action-none: var(--space-0);
  --radius-action-sm: var(--space-0-5);
  --radius-action: var(--space-1);
  --radius-action-md: var(--space-1-5);
  --radius-action-lg: var(--space-2);
  --radius-action-xl: var(--space-3);
  --radius-action-2xl: var(--space-4);
  --radius-action-3xl: var(--space-6);
  --radius-action-4xl: var(--space-8);
  --radius-action-full: var(--space-9999);
  --radius-radius-paddings-btn-xs: 0px;
  --font-primary: "Noto Sans Georgian", system-ui, sans-serif;
  --font-icon: "Material Symbols Rounded";
  --fs-headline-1: 40px;
  --lh-headline-1: 52px;
  --text-headline-1: 700 var(--fs-headline-1)/var(--lh-headline-1) var(--font-primary);
  --ls-headline-1: -2px;
  --fs-headline-2: 32px;
  --lh-headline-2: 44px;
  --text-headline-2: 700 var(--fs-headline-2)/var(--lh-headline-2) var(--font-primary);
  --ls-headline-2: -2px;
  --fs-headline-3: 24px;
  --lh-headline-3: 32px;
  --text-headline-3: 700 var(--fs-headline-3)/var(--lh-headline-3) var(--font-primary);
  --ls-headline-3: -1px;
  --fs-headline-4: 20px;
  --lh-headline-4: 28px;
  --text-headline-4: 700 var(--fs-headline-4)/var(--lh-headline-4) var(--font-primary);
  --ls-headline-4: -1px;
  --fs-headline-5: 16px;
  --lh-headline-5: 22px;
  --text-headline-5: 700 var(--fs-headline-5)/var(--lh-headline-5) var(--font-primary);
  --ls-headline-5: -0.5px;
  --fs-headline-6: 14px;
  --lh-headline-6: 20px;
  --text-headline-6: 700 var(--fs-headline-6)/var(--lh-headline-6) var(--font-primary);
  --ls-headline-6: -0.5px;
  --fs-subtitle-1: 32px;
  --lh-subtitle-1: 44px;
  --text-subtitle-1: 600 var(--fs-subtitle-1)/var(--lh-subtitle-1) var(--font-primary);
  --ls-subtitle-1: -0.5px;
  --fs-subtitle-2: 24px;
  --lh-subtitle-2: 34px;
  --text-subtitle-2: 600 var(--fs-subtitle-2)/var(--lh-subtitle-2) var(--font-primary);
  --ls-subtitle-2: -0.5px;
  --fs-subtitle-3: 20px;
  --lh-subtitle-3: 28px;
  --text-subtitle-3: 600 var(--fs-subtitle-3)/var(--lh-subtitle-3) var(--font-primary);
  --ls-subtitle-3: 0px;
  --fs-subtitle-4: 16px;
  --lh-subtitle-4: 22px;
  --text-subtitle-4: 600 var(--fs-subtitle-4)/var(--lh-subtitle-4) var(--font-primary);
  --ls-subtitle-4: 0px;
  --fs-subtitle-5: 14px;
  --lh-subtitle-5: 20px;
  --text-subtitle-5: 500 var(--fs-subtitle-5)/var(--lh-subtitle-5) var(--font-primary);
  --ls-subtitle-5: 0px;
  --fs-subtitle-6: 12px;
  --lh-subtitle-6: 12px;
  --text-subtitle-6: 600 var(--fs-subtitle-6)/var(--lh-subtitle-6) var(--font-primary);
  --ls-subtitle-6: 0px;
  --fs-body-1: 20px;
  --lh-body-1: 30px;
  --text-body-1: 400 var(--fs-body-1)/var(--lh-body-1) var(--font-primary);
  --ls-body-1: 0px;
  --fs-body-2: 16px;
  --lh-body-2: 24px;
  --text-body-2: 400 var(--fs-body-2)/var(--lh-body-2) var(--font-primary);
  --ls-body-2: 0px;
  --fs-body-3: 14px;
  --lh-body-3: 20px;
  --text-body-3: 400 var(--fs-body-3)/var(--lh-body-3) var(--font-primary);
  --ls-body-3: 0px;
  --fs-body-4: 12px;
  --lh-body-4: 18px;
  --text-body-4: 400 var(--fs-body-4)/var(--lh-body-4) var(--font-primary);
  --ls-body-4: 0px;
  --fs-body-3-underline: 14px;
  --lh-body-3-underline: 20px;
  --text-body-3-underline: 400 var(--fs-body-3-underline)/var(--lh-body-3-underline) var(--font-primary);
  --ls-body-3-underline: 0px;
  --fs-overline-1: 14px;
  --lh-overline-1: 20px;
  --text-overline-1: 700 var(--fs-overline-1)/var(--lh-overline-1) var(--font-primary);
  --ls-overline-1: 2px;
  --fs-overline-2: 12px;
  --lh-overline-2: 16px;
  --text-overline-2: 700 var(--fs-overline-2)/var(--lh-overline-2) var(--font-primary);
  --ls-overline-2: 1px;
  --fs-overline-3: 10px;
  --lh-overline-3: 14px;
  --text-overline-3: 700 var(--fs-overline-3)/var(--lh-overline-3) var(--font-primary);
  --ls-overline-3: 1px;
  --fs-caption-1: 12px;
  --lh-caption-1: 18px;
  --text-caption-1: 500 var(--fs-caption-1)/var(--lh-caption-1) var(--font-primary);
  --ls-caption-1: 0px;
  --fs-caption-2: 10px;
  --lh-caption-2: 14px;
  --text-caption-2: 500 var(--fs-caption-2)/var(--lh-caption-2) var(--font-primary);
  --ls-caption-2: 0px;
  --fs-button-1: 14px;
  --lh-button-1: 20px;
  --text-button-1: 600 var(--fs-button-1)/var(--lh-button-1) var(--font-primary);
  --ls-button-1: 0px;
  --fs-button-1-underline: 14px;
  --lh-button-1-underline: 20px;
  --text-button-1-underline: 600 var(--fs-button-1-underline)/var(--lh-button-1-underline) var(--font-primary);
  --ls-button-1-underline: 0px;
  --fs-button-2: 12px;
  --lh-button-2: 16px;
  --text-button-2: 600 var(--fs-button-2)/var(--lh-button-2) var(--font-primary);
  --ls-button-2: 0px;
  --fs-button-2-underline: 12px;
  --lh-button-2-underline: 16px;
  --text-button-2-underline: 600 var(--fs-button-2-underline)/var(--lh-button-2-underline) var(--font-primary);
  --ls-button-2-underline: 0px;
  --type-size-xs: var(--space-3);
  --type-size-sm: var(--space-3-5);
  --type-size-base: var(--space-4);
  --type-size-lg: var(--space-4-5);
  --type-size-xl: var(--space-5);
  --type-size-2xl: var(--space-6);
  --type-size-3xl: var(--space-8);
  --type-size-4xl: var(--space-10);
  --type-size-5xl: var(--space-12);
  --type-size-6xl: var(--space-16);
  --type-size-7xl: var(--space-18);
  --type-size-8xl: var(--space-24);
  --type-size-9xl: var(--space-32);
  --type-size-2xs: var(--space-2-5);
  --type-leading-none: var(--space-4);
  --type-leading-tight: var(--space-5);
  --type-leading-snug: var(--space-5-5);
  --type-leading-normal: var(--space-6);
  --type-leading-relaxed: var(--space-7);
  --type-leading-loose: var(--space-8);
  --type-leading-2-25: var(--space-9);
  --type-leading-2-375: var(--space-9-5);
  --type-leading-2-5: var(--space-10);
  --type-leading-2-75: var(--space-11);
  --type-leading-3-25: var(--space-13);
  --type-leading-1-175: var(--space-8-5);
  --type-leading-negative: var(--space-3);
  --type-leading-custom: var(--space-7-5);
  --type-leading-sm: var(--space-4-5);
  --type-leading-xs: var(--space-3-5);
  --type-tracking-tighter: -0.8px;
  --type-tracking-tight: -0.4px;
  --type-tracking-normal: 0px;
  --type-tracking-wide: 0.4px;
  --type-tracking-wider: 0.8px;
  --type-tracking-widest: 1.6px;
  --type-tracking-n1: -1px;
  --type-tracking-n2: -2px;
  --type-tracking-n0-5: -0.5px;
  --type-tracking-p1: 1px;
  --type-tracking-p2: 2px;
  --shadow-small: 0px 1px 1px 0px #0000000d, 0px 0px 0px 0.3px #0000000d;
  --shadow-medium: 0px 2px 4px 0px #00000008, 0px 1px 1px 0px #0000000d, 0px 0px 0px 0.6px #0000000d;
  --shadow-large: 0px 0px 0px 1px #0000000d, 0px 2px 2px 0px #0000000d, 0px 4px 12px 0px #0000001a;
  --shadow-focus: 0px 0px 0px 4px #34383c0d;
  --shadow-focus-ring-blue-with-shadow: 0px 0px 0px 4px #1d7afc29, 0px 1px 1px 0px #0000000d;
  --shadow-focus-ring-with-shadow: 0px 0px 0px 4px #34383c0d, 0px 1px 1px 0px #0000000d;
  --shadow-focus-ring-blue: 0px 0px 0px 4px #1d7afc29;
  --shadow-focus-ring-yellow: 0px 0px 0px 4px #ffb50629;
  --shadow-focus-ring-yellow-with-shadow: 0px 0px 0px 4px #ffb50629, 0px 1px 1px 0px #0000000d;
  --shadow-focus-ring-red: 0px 0px 0px 4px #e3493529;
  --shadow-focus-ring-red-with-shadow: 0px 0px 0px 4px #e3493529, 0px 1px 1px 0px #0000000d;
  --shadow-focus-ring-purple: 0px 0px 0px 4px #8270db29;
  --shadow-focus-ring-purple-with-shadow: 0px 0px 0px 4px #8270db29, 0px 1px 1px 0px #0000000d;
  --shadow-focus-ring-green: 0px 0px 0px 4px #1f845a29;
  --shadow-focus-ring-green-with-shadow: 0px 0px 0px 4px #1f845a29, 0px 1px 1px 0px #0000000d;
  --shadow-focus-ring-lime: 0px 0px 0px 4px #6a9a2329;
  --shadow-focus-ring-lime-with-shadow: 0px 0px 0px 4px #6a9a2329, 0px 1px 1px 0px #0000000d;
  --blur-xl: 40px;
  --grid-desktop-large-columns: 12;
  --grid-desktop-large-gutter: 24px;
  --grid-desktop-large-container: 1128px;
  --grid-desktop-medium-columns: 12;
  --grid-desktop-medium-gutter: 24px;
  --grid-desktop-medium-container: 936px;
  --grid-tablet-columns: 8;
  --grid-tablet-gutter: 24px;
  --grid-tablet-container: 680px;
  --grid-mobile-columns: 2;
  --grid-mobile-gutter: 16px;
  --grid-mobile-container: 336px;

  /* ---------- Interchangeable aliases (same names as tegeta-motors/tegeta-web-tokens.css) ---------- */
  --color-ink: var(--color-neutral-900);            /* anthracite grey, same value as tegeta-motors */
  --color-accent: var(--color-yellow-700);          /* signal yellow, same value */
  --color-paper: var(--color-neutral-0);            /* !! #ffffff here vs #fffaf0 in tegeta-motors — see guidelines */
  --color-grey-mid: var(--color-neutral-600);       /* #6d7073 here vs #6d6e70 in tegeta-motors */
  --color-danger: var(--color-red-700);
  --color-success: var(--color-green-700);
  --color-border: var(--color-border-alpha-default);
  --color-ink-10: var(--color-c-background-components-primary);
  /* --color-grey-soft, --color-paper-dim, --text-display: no equivalent in this Figma file (not defined) */

  --radius-xs: var(--radius-xsmall);
  --radius-sm: var(--radius-small);
  --radius-md: var(--radius-medium);
  --radius-lg: var(--radius-large);
  --radius-xl: var(--radius-xlarge);
  --radius-full: var(--radius-maximum);

  --shadow-sm: var(--shadow-small);
  --shadow-md: var(--shadow-medium);
  --shadow-lg: var(--shadow-large);
  --focus-ring: var(--shadow-focus);

  --text-h1: var(--text-headline-1);
  --text-h2: var(--text-headline-2);
  --text-h3: var(--text-headline-3);
  --text-h4: var(--text-headline-4);
  --text-h5: var(--text-headline-5);
  --text-h6: var(--text-headline-6);
  --text-body-lg: var(--text-body-1);
  --text-body: var(--text-body-2);
  --text-small: var(--text-body-3);
  --text-eyebrow: var(--text-overline-2);
  --tracking-eyebrow: var(--ls-overline-2);
}

/* Tablet (768–1023px) — Figma "Tablet" mode of the Sizing / Typography collections */
@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --gap-11: var(--space-10);
    --gap-12: var(--space-11);
    --gap-14: var(--space-12);
    --gap-16: var(--space-14);
    --gap-20: var(--space-16);
    --gap-24: var(--space-20);
    --gap-28: var(--space-24);
    --gap-32: var(--space-28);
    --gap-36: var(--space-32);
    --gap-40: var(--space-36);
    --gap-44: var(--space-40);
    --gap-48: var(--space-44);
    --gap-52: var(--space-48);
    --gap-56: var(--space-52);
    --gap-60: var(--space-56);
    --gap-64: var(--space-60);
    --gap-72: var(--space-64);
    --gap-80: var(--space-72);
    --gap-96: var(--space-80);
    --padding-11: var(--space-10);
    --padding-12: var(--space-11);
    --padding-14: var(--space-12);
    --padding-16: var(--space-14);
    --padding-20: var(--space-16);
    --padding-24: var(--space-20);
    --padding-28: var(--space-24);
    --padding-32: var(--space-28);
    --padding-36: var(--space-32);
    --padding-40: var(--space-36);
    --padding-44: var(--space-40);
    --padding-48: var(--space-44);
    --padding-52: var(--space-48);
    --padding-56: var(--space-52);
    --padding-60: var(--space-56);
    --padding-64: var(--space-60);
    --padding-72: var(--space-64);
    --padding-80: var(--space-72);
    --padding-96: var(--space-80);
    --type-size-5xl: var(--space-11);
    --type-size-6xl: var(--space-14);
    --type-size-7xl: var(--space-16);
    --type-size-8xl: var(--space-20);
    --type-size-9xl: var(--space-24);
  }
}

/* Mobile (≤767px) — Figma "Mobile" mode (Sizing-Old + Sizing + Typography collections) */
@media (max-width: 767px) {
  :root {
    --gap-7: var(--space-6);
    --gap-8: var(--space-5);
    --gap-9: var(--space-5);
    --gap-10: var(--space-6);
    --gap-11: var(--space-7);
    --gap-12: var(--space-8);
    --gap-14: var(--space-8);
    --gap-16: var(--space-9);
    --gap-20: var(--space-10);
    --gap-24: var(--space-10);
    --gap-28: var(--space-11);
    --gap-32: var(--space-11);
    --gap-36: var(--space-12);
    --gap-40: var(--space-12);
    --gap-44: var(--space-14);
    --gap-48: var(--space-14);
    --gap-52: var(--space-16);
    --gap-56: var(--space-16);
    --gap-60: var(--space-20);
    --gap-64: var(--space-20);
    --gap-72: var(--space-24);
    --gap-80: var(--space-24);
    --gap-96: var(--space-28);
    --padding-7: var(--space-6);
    --padding-8: var(--space-5);
    --padding-9: var(--space-5);
    --padding-10: var(--space-6);
    --padding-11: var(--space-7);
    --padding-12: var(--space-8);
    --padding-14: var(--space-8);
    --padding-16: var(--space-9);
    --padding-20: var(--space-10);
    --padding-24: var(--space-10);
    --padding-28: var(--space-11);
    --padding-32: var(--space-11);
    --padding-36: var(--space-12);
    --padding-40: var(--space-12);
    --padding-44: var(--space-14);
    --padding-48: var(--space-14);
    --padding-52: var(--space-16);
    --padding-56: var(--space-16);
    --padding-60: var(--space-20);
    --padding-64: var(--space-20);
    --padding-72: var(--space-24);
    --padding-80: var(--space-24);
    --padding-96: var(--space-28);
    --spacing-xxxlarge: 40px;
    --spacing-xxlarge: 36px;
    --fs-headline-1: 32px;
    --lh-headline-1: 38px;
    --fs-headline-2: 24px;
    --lh-headline-2: 36px;
    --fs-headline-3: 20px;
    --lh-headline-3: 28px;
    --fs-headline-4: 18px;
    --lh-headline-4: 24px;
    --fs-subtitle-1: 24px;
    --lh-subtitle-1: 34px;
    --fs-subtitle-2: 20px;
    --lh-subtitle-2: 28px;
    --fs-subtitle-3: 18px;
    --lh-subtitle-3: 24px;
    --lh-subtitle-6: 16px;
    --fs-body-1: 18px;
    --lh-body-1: 28px;
    --type-size-xl: var(--space-4-5);
    --type-size-2xl: var(--space-5);
    --type-size-3xl: var(--space-6);
    --type-size-4xl: var(--space-8);
    --type-size-5xl: var(--space-10);
    --type-size-6xl: var(--space-12);
    --type-size-7xl: var(--space-14);
    --type-size-8xl: var(--space-16);
    --type-size-9xl: var(--space-20);
    --type-leading-relaxed: var(--space-6);
    --type-leading-loose: var(--space-7);
    --type-leading-2-25: var(--space-8);
    --type-leading-2-375: var(--space-9);
    --type-leading-2-5: var(--space-9-5);
    --type-leading-2-75: var(--space-9);
    --type-leading-3-25: var(--space-9-5);
    --type-leading-1-175: var(--space-7-5);
    --type-leading-custom: var(--space-7);
    --type-leading-sm: var(--space-4);
  }
}