/*
 * ЗГЕНЕРОВАНО. Руками не редагувати.
 * Джерело: design_handoff_spilno_v3/tokens.json
 * Команда: npm run build --prefix miniapp
 */

:root {
  --color-ember500: #F2622E;
  --color-ember400: #FF8A5B;
  --color-ember200: #FFD0BB;
  --color-ember100: #FFE9DF;
  --color-tide700: #1734A0;
  --color-tide600: #2148C9;
  --color-tide400: #5B87FF;
  --color-tide300: #A9C2FF;
  --color-tide200: #C9D6FF;
  --color-tide100: #E5EBFF;
  --color-ink: #101A3D;
  --color-slate: #6A748F;
  --color-neutral400: #98A1B8;
  --color-neutral100: #EDEFF5;
  --color-line: #E8EBF3;
  --color-canvas: #F5F6FA;
  --color-surface: #FFFFFF;
  --color-settled: #12A47B;
  --color-settled100: #E3F7F0;
  --color-amber600: #B8860B;
  --color-amber100: #FCEFC9;
  --color-owedToYou: #2148C9;
  --color-youOwe: #F2622E;

  --gradient-bot: linear-gradient(120deg, #F2622E, #2148C9);
  --gradient-appIconField: linear-gradient(0deg, #2E5AE6, #1734A0);

  --catTint-stay: #E9EDFF;
  --catTint-transport: #FFE9DF;
  --catTint-food: #FFF0D6;
  --catTint-drinks: #F3E4FF;
  --catTint-groceries: #DFF6EA;
  --catTint-fun: #FFE1EC;
  --catTint-shopping: #E3F1FF;
  --catTint-rentBills: #E8E5FA;
  --catTint-health: #FFE3E3;
  --catTint-gifts: #FDE8D2;
  --catTint-fuel: #E6F7F6;
  --catTint-other: #EDEFF5;

  --catRampDeep-stay: #1B3EAE;

  --catRampMid-stay: #2148C9;

  --catRampLite-stay: #6E93FF;

  --catRampDeep-transport: #8A3A18;

  --catRampMid-transport: #AE5228;

  --catRampLite-transport: #C86A3C;

  --catRampDeep-food: #5E3E12;

  --catRampMid-food: #85601F;

  --catRampLite-food: #A47B33;

  --catRampDeep-drinks: #3B1F6B;

  --catRampMid-drinks: #55308F;

  --catRampLite-drinks: #7A4FC0;

  --catRampDeep-groceries: #07523A;

  --catRampMid-groceries: #0B7355;

  --catRampLite-groceries: #17A279;

  --catRampDeep-fun: #6E1240;

  --catRampMid-fun: #96215B;

  --catRampLite-fun: #C13B7E;

  --catRampDeep-shopping: #123E63;

  --catRampMid-shopping: #1A5A8C;

  --catRampLite-shopping: #2E7EB8;

  --catRampDeep-rentBills: #241A5E;

  --catRampMid-rentBills: #372A85;

  --catRampLite-rentBills: #5244AE;

  --catRampDeep-health: #7A1520;

  --catRampMid-health: #A32330;

  --catRampLite-health: #C94450;

  --catRampDeep-gifts: #7A3F0B;

  --catRampMid-gifts: #A15A17;

  --catRampLite-gifts: #C4762C;

  --catRampDeep-fuel: #0A4A4A;

  --catRampMid-fuel: #0F6B68;

  --catRampLite-fuel: #199A94;

  --catRampDeep-other: #2B2A26;

  --catRampMid-other: #454239;

  --catRampLite-other: #666153;

  --typeTint-beach: #FFF1D6;
  --typeTint-mountain: #DCF5EC;
  --typeTint-city: #EAE7FF;
  --typeTint-food: #FFE9DF;
  --typeTint-party: #FFE4F1;
  --typeTint-road: #DDF4F4;
  --typeTint-home: #E5EBFF;
  --typeTint-flight: #E1F0FD;

  --typeRampDeep-beach: #8A5A08;

  --typeRampMid-beach: #B37A12;

  --typeRampLite-beach: #D19A2A;

  --typeRampDeep-mountain: #07523A;

  --typeRampMid-mountain: #0B7355;

  --typeRampLite-mountain: #17A279;

  --typeRampDeep-city: #2E1F7A;

  --typeRampMid-city: #4433A5;

  --typeRampLite-city: #6653CC;

  --typeRampDeep-food: #8A3A18;

  --typeRampMid-food: #AE5228;

  --typeRampLite-food: #C86A3C;

  --typeRampDeep-party: #6E1240;

  --typeRampMid-party: #96215B;

  --typeRampLite-party: #C13B7E;

  --typeRampDeep-road: #0A4A4A;

  --typeRampMid-road: #0F6B68;

  --typeRampLite-road: #199A94;

  --typeRampDeep-home: #1B3EAE;

  --typeRampMid-home: #2148C9;

  --typeRampLite-home: #6E93FF;

  --typeRampDeep-flight: #123E63;

  --typeRampMid-flight: #1A5A8C;

  --typeRampLite-flight: #2E7EB8;

  --mark-topLeft: #FFFFFF;
  --mark-topRight: #FF8A5B;
  --mark-bottomLeft: #F2622E;
  --mark-bottomRight: #A9C2FF;

  --markOnLight-topLeft: #101A3D;
  --markOnLight-topRight: #F2622E;
  --markOnLight-bottomLeft: #2148C9;
  --markOnLight-bottomRight: #5B87FF;

  --font-display: "Unbounded";
  --font-body: "Onest";
  --font-mono: "JetBrains Mono";
  --font-mark: "Archivo Black";

  --weight-displayRegular: 600;
  --weight-displayBold: 700;
  --weight-displayHeavy: 800;
  --weight-bodyRegular: 400;
  --weight-bodyMedium: 600;
  --weight-bodyBold: 700;

  --radius-chip: 999px;
  --radius-button: 14px;
  --radius-buttonLarge: 16px;
  --radius-card: 20px;
  --radius-well: 18px;
  --radius-tile: 18px;
  --radius-sheet: 28px;
  --radius-phone: 42px;
  --radius-iconWell: 16px;

  --space-gutter: 18px;
  --space-screenX: 20px;
  --space-cardX: 18px;
  --space-cardY: 16px;
  --space-rowY: 11px;
  --space-stackGap: 14px;
  --space-chipGap: 8px;
  --space-safeBottom: 34px;

  --size-tapTarget: 44px;
  --size-primaryButton: 56px;
  --size-rowButton: 42px;
  --size-addSlot: 46px;
  --size-fab: 60px;
  --size-navIcon: 22px;
  --size-categoryIcon: 24px;
  --size-categoryWell: 46px;
  --size-coverWell: 34px;
  --size-avatarRow: 34px;
  --size-avatarStack: 30px;

  --shadow-card: 0 4px 16px rgba(16,26,61,.06);
  --shadow-sheet: 0 10px 30px rgba(16,26,61,.14);
  --shadow-primary: 0 10px 26px rgba(33,72,201,.28);
  --shadow-fab: 0 10px 26px rgba(242,98,46,.35);
  --shadow-well: 0 2px 6px rgba(16,26,61,.14);

  --duration-tap: 120ms;
  --duration-sheet: 260ms;
  --duration-screen: 320ms;
  --duration-chipFlip: 180ms;

  --curve-standard: cubic-bezier(.2,.0,.2,1);
  --curve-decelerate: cubic-bezier(0,0,.2,1);
}

/* Рампи категорій і типів груп — по класу на кожну. */

.sp-ramp--stay {
  --sp-ramp-deep: var(--catRampDeep-stay);
  --sp-ramp-mid: var(--catRampMid-stay);
  --sp-ramp-lite: var(--catRampLite-stay);
  --sp-tint: var(--catTint-stay);
}

.sp-ramp--transport {
  --sp-ramp-deep: var(--catRampDeep-transport);
  --sp-ramp-mid: var(--catRampMid-transport);
  --sp-ramp-lite: var(--catRampLite-transport);
  --sp-tint: var(--catTint-transport);
}

.sp-ramp--food {
  --sp-ramp-deep: var(--catRampDeep-food);
  --sp-ramp-mid: var(--catRampMid-food);
  --sp-ramp-lite: var(--catRampLite-food);
  --sp-tint: var(--catTint-food);
}

.sp-ramp--drinks {
  --sp-ramp-deep: var(--catRampDeep-drinks);
  --sp-ramp-mid: var(--catRampMid-drinks);
  --sp-ramp-lite: var(--catRampLite-drinks);
  --sp-tint: var(--catTint-drinks);
}

.sp-ramp--groceries {
  --sp-ramp-deep: var(--catRampDeep-groceries);
  --sp-ramp-mid: var(--catRampMid-groceries);
  --sp-ramp-lite: var(--catRampLite-groceries);
  --sp-tint: var(--catTint-groceries);
}

.sp-ramp--fun {
  --sp-ramp-deep: var(--catRampDeep-fun);
  --sp-ramp-mid: var(--catRampMid-fun);
  --sp-ramp-lite: var(--catRampLite-fun);
  --sp-tint: var(--catTint-fun);
}

.sp-ramp--shopping {
  --sp-ramp-deep: var(--catRampDeep-shopping);
  --sp-ramp-mid: var(--catRampMid-shopping);
  --sp-ramp-lite: var(--catRampLite-shopping);
  --sp-tint: var(--catTint-shopping);
}

.sp-ramp--rentBills {
  --sp-ramp-deep: var(--catRampDeep-rentBills);
  --sp-ramp-mid: var(--catRampMid-rentBills);
  --sp-ramp-lite: var(--catRampLite-rentBills);
  --sp-tint: var(--catTint-rentBills);
}

.sp-ramp--health {
  --sp-ramp-deep: var(--catRampDeep-health);
  --sp-ramp-mid: var(--catRampMid-health);
  --sp-ramp-lite: var(--catRampLite-health);
  --sp-tint: var(--catTint-health);
}

.sp-ramp--gifts {
  --sp-ramp-deep: var(--catRampDeep-gifts);
  --sp-ramp-mid: var(--catRampMid-gifts);
  --sp-ramp-lite: var(--catRampLite-gifts);
  --sp-tint: var(--catTint-gifts);
}

.sp-ramp--fuel {
  --sp-ramp-deep: var(--catRampDeep-fuel);
  --sp-ramp-mid: var(--catRampMid-fuel);
  --sp-ramp-lite: var(--catRampLite-fuel);
  --sp-tint: var(--catTint-fuel);
}

.sp-ramp--other {
  --sp-ramp-deep: var(--catRampDeep-other);
  --sp-ramp-mid: var(--catRampMid-other);
  --sp-ramp-lite: var(--catRampLite-other);
  --sp-tint: var(--catTint-other);
}

.sp-type--beach {
  --sp-ramp-deep: var(--typeRampDeep-beach);
  --sp-ramp-mid: var(--typeRampMid-beach);
  --sp-ramp-lite: var(--typeRampLite-beach);
  --sp-tint: var(--typeTint-beach);
}

.sp-type--mountain {
  --sp-ramp-deep: var(--typeRampDeep-mountain);
  --sp-ramp-mid: var(--typeRampMid-mountain);
  --sp-ramp-lite: var(--typeRampLite-mountain);
  --sp-tint: var(--typeTint-mountain);
}

.sp-type--city {
  --sp-ramp-deep: var(--typeRampDeep-city);
  --sp-ramp-mid: var(--typeRampMid-city);
  --sp-ramp-lite: var(--typeRampLite-city);
  --sp-tint: var(--typeTint-city);
}

.sp-type--food {
  --sp-ramp-deep: var(--typeRampDeep-food);
  --sp-ramp-mid: var(--typeRampMid-food);
  --sp-ramp-lite: var(--typeRampLite-food);
  --sp-tint: var(--typeTint-food);
}

.sp-type--party {
  --sp-ramp-deep: var(--typeRampDeep-party);
  --sp-ramp-mid: var(--typeRampMid-party);
  --sp-ramp-lite: var(--typeRampLite-party);
  --sp-tint: var(--typeTint-party);
}

.sp-type--road {
  --sp-ramp-deep: var(--typeRampDeep-road);
  --sp-ramp-mid: var(--typeRampMid-road);
  --sp-ramp-lite: var(--typeRampLite-road);
  --sp-tint: var(--typeTint-road);
}

.sp-type--home {
  --sp-ramp-deep: var(--typeRampDeep-home);
  --sp-ramp-mid: var(--typeRampMid-home);
  --sp-ramp-lite: var(--typeRampLite-home);
  --sp-tint: var(--typeTint-home);
}

.sp-type--flight {
  --sp-ramp-deep: var(--typeRampDeep-flight);
  --sp-ramp-mid: var(--typeRampMid-flight);
  --sp-ramp-lite: var(--typeRampLite-flight);
  --sp-tint: var(--typeTint-flight);
}