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

:root {
  --15-blue: rgba(0,0,55,0.15); /* @kind color */
  --50-blue-fpf: rgba(0,0,55,0.5); /* @kind color */
  --50-blue: rgba(0,0,55,0.5); /* @kind color */
  --50-white: rgba(255,255,255,0.5); /* @kind color */
  --background-dark: rgb(0,0,55); /* @kind color */
  --blue-2: rgb(0,0,55); /* @kind color */
  --blue-bright: rgb(0,0,87); /* @kind color */
  --blue-fpf: rgb(0,0,55); /* @kind color */
  --blue-infraestruturas: rgb(0,203,230); /* @kind color */
  --blue: rgb(0,0,55); /* @kind color */
  --branco: rgb(255,255,255); /* @kind color */
  --brand-background-1: var(--colour-brand-30); /* @kind color */
  --brand-background-2: var(--colour-transparency-green-10); /* @kind color */
  --brand-black-100-color-brand-03-100-global-color-01-500: rgb(0,0,0); /* @kind color */
  --brand-foreground-1-rest: var(--colour-neutral-110); /* @kind color */
  --brand-primary: rgb(255,0,140); /* @kind color */
  --colors-grey-12: rgb(31,31,31); /* @kind color */
  --colors-grey-24: rgb(61,61,61); /* @kind color */
  --colors-grey-40: rgb(102,102,102); /* @kind color */
  --colors-grey-44: rgb(112,112,112); /* @kind color */
  --colors-grey-4: rgb(10,10,10); /* @kind color */
  --colors-grey-60: rgb(153,153,153); /* @kind color */
  --colors-grey-82: rgb(209,209,209); /* @kind color */
  --colors-grey-88: rgb(224,224,224); /* @kind color */
  --colors-grey-8: rgb(20,20,20); /* @kind color */
  --colors-grey-94: rgb(240,240,240); /* @kind color */
  --colors-grey-96: rgb(245,245,245); /* @kind color */
  --colors-grey-98-2: rgb(250,250,250); /* @kind color */
  --colors-grey-98: rgb(250,250,250); /* @kind color */
  --colors-grey-white: rgb(255,255,255); /* @kind color */
  --colors-neutral-grey-16: rgb(41,41,41); /* @kind color */
  --colors-neutral-grey-38: rgb(97,97,97); /* @kind color */
  --colors-neutral-grey-black-2: rgb(0,0,0); /* @kind color */
  --colors-neutral-grey-black: rgb(0,0,0); /* @kind color */
  --colour-accents-blue-10: rgb(234,244,255); /* @kind color */
  --colour-accents-blue-20: rgb(185,218,255); /* @kind color */
  --colour-accents-blue-30: rgb(93,158,224); /* @kind color */
  --colour-accents-blue-40: rgb(3,89,168); /* @kind color */
  --colour-accents-blue-50: rgb(1,45,87); /* @kind color */
  --colour-accents-green-10: rgb(230,255,243); /* @kind color */
  --colour-accents-green-20: rgb(156,255,208); /* @kind color */
  --colour-accents-green-30: rgb(0,255,139); /* @kind color */
  --colour-accents-green-40: rgb(0,184,100); /* @kind color */
  --colour-accents-green-50: rgb(0,137,68); /* @kind color */
  --colour-accents-green-60: rgb(0,95,47); /* @kind color */
  --colour-accents-purple-10: rgb(239,231,250); /* @kind color */
  --colour-accents-purple-20: rgb(199,168,240); /* @kind color */
  --colour-accents-purple-30: rgb(121,64,191); /* @kind color */
  --colour-accents-purple-40: rgb(86,43,138); /* @kind color */
  --colour-accents-purple-50: rgb(52,24,90); /* @kind color */
  --colour-accents-red-10: rgb(255,233,231); /* @kind color */
  --colour-accents-red-20: rgb(255,183,176); /* @kind color */
  --colour-accents-red-30: rgb(232,111,100); /* @kind color */
  --colour-accents-red-40: rgb(210,40,24); /* @kind color */
  --colour-accents-red-50: rgb(166,27,15); /* @kind color */
  --colour-accents-red-60: rgb(110,16,8); /* @kind color */
  --colour-accents-yellow-10: rgb(255,248,217); /* @kind color */
  --colour-accents-yellow-20: rgb(255,233,120); /* @kind color */
  --colour-accents-yellow-30: rgb(255,208,1); /* @kind color */
  --colour-accents-yellow-40: rgb(179,143,0); /* @kind color */
  --colour-accents-yellow-50: rgb(122,98,0); /* @kind color */
  --colour-action-destructive: var(--colour-accents-red-40); /* @kind color */
  --colour-action-disabled: var(--colour-transparency-black-30); /* @kind color */
  --colour-action-high: var(--colour-brand-40); /* @kind color */
  --colour-action-link-visited: var(--colour-accents-purple-30); /* @kind color */
  --colour-action-low: var(--colour-neutral-20); /* @kind color */
  --colour-action-medium: var(--colour-neutral-20); /* @kind color */
  --colour-action-on-destructive: var(--colour-neutral-120); /* @kind color */
  --colour-action-on-high: var(--colour-neutral-20); /* @kind color */
  --colour-action-on-low: var(--colour-neutral-120); /* @kind color */
  --colour-action-on-medium: var(--colour-neutral-120); /* @kind color */
  --colour-background-brand: var(--colour-brand-10); /* @kind color */
  --colour-background-contrast-bright: var(--colour-neutral-30); /* @kind color */
  --colour-background-contrast-dark: var(--colour-neutral-20); /* @kind color */
  --colour-background-disabled: var(--colour-transparency-black-5); /* @kind color */
  --colour-background-high: var(--colour-neutral-120); /* @kind color */
  --colour-background-low: var(--colour-neutral-90); /* @kind color */
  --colour-background-medium-removed: var(--colour-neutral-110); /* @kind color */
  --colour-background-transparent: rgba(255,255,255,0); /* @kind color */
  --colour-brand-10: rgb(230,255,243); /* @kind color */
  --colour-brand-20: rgb(179,255,216); /* @kind color */
  --colour-brand-30: rgb(102,255,180); /* @kind color */
  --colour-brand-40: rgb(0,255,139); /* @kind color */
  --colour-brand-50: rgb(0,217,118); /* @kind color */
  --colour-brand-60: rgb(0,184,100); /* @kind color */
  --colour-brand-70: rgb(0,137,68); /* @kind color */
  --colour-brand-80: rgb(0,95,47); /* @kind color */
  --colour-brand-90: rgb(0,56,28); /* @kind color */
  --colour-feedback-alert: var(--colour-accents-yellow-30); /* @kind color */
  --colour-feedback-details: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-error: var(--colour-accents-red-40); /* @kind color */
  --colour-feedback-info-2: var(--colour-accents-blue-40); /* @kind color */
  --colour-feedback-info-light: var(--colour-accents-blue-20); /* @kind color */
  --colour-feedback-info: var(--colour-accents-blue-30); /* @kind color */
  --colour-feedback-on-alert: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-details: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-on-error: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-on-info-light: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-info: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-on-success: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-success: var(--colour-accents-green-50); /* @kind color */
  --colour-heading-on-contrast: var(--colour-neutral-100); /* @kind color */
  --colour-heading-on-default: var(--colour-neutral-20); /* @kind color */
  --colour-neutral-100: rgb(250,251,255); /* @kind color */
  --colour-neutral-10: rgb(20,20,20); /* @kind color */
  --colour-neutral-110: rgb(249,249,249); /* @kind color */
  --colour-neutral-120: rgb(255,255,255); /* @kind color */
  --colour-neutral-20: rgb(0,0,55); /* @kind color */
  --colour-neutral-30: rgb(0,0,87); /* @kind color */
  --colour-neutral-40: rgb(31,43,133); /* @kind color */
  --colour-neutral-50: rgb(75,86,158); /* @kind color */
  --colour-neutral-60: rgb(122,130,184); /* @kind color */
  --colour-neutral-70: rgb(184,190,219); /* @kind color */
  --colour-neutral-80: rgb(217,221,240); /* @kind color */
  --colour-neutral-90: rgb(242,244,255); /* @kind color */
  --colour-shadows-default: var(--colour-transparency-black-10); /* @kind color */
  --colour-shadows-mini: var(--colour-transparency-black-20); /* @kind color */
  --colour-shadows-soft: var(--colour-transparency-black-10); /* @kind color */
  --colour-state-disabled-default: var(--colour-transparency-black-10); /* @kind color */
  --colour-state-disabled-on-default: var(--colour-transparency-black-20); /* @kind color */
  --colour-state-hold: var(--colour-transparency-black-30); /* @kind color */
  --colour-state-hover-destructive: var(--colour-transparency-black-30); /* @kind color */
  --colour-state-hover-high: var(--colour-transparency-black-30); /* @kind color */
  --colour-state-hover-low: var(--colour-transparency-black-10); /* @kind color */
  --colour-state-hover-medium: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-pressed-destructive: var(--colour-transparency-black-40); /* @kind color */
  --colour-state-pressed-high: var(--colour-transparency-black-40); /* @kind color */
  --colour-state-pressed-low: var(--colour-transparency-black-20); /* @kind color */
  --colour-state-pressed-medium: var(--colour-transparency-white-20); /* @kind color */
  --colour-state-skeleton-medium: var(--colour-neutral-120); /* @kind color */
  --colour-state-skeleton-strong: var(--colour-neutral-90); /* @kind color */
  --colour-stroke-alert: var(--colour-accents-yellow-30); /* @kind color */
  --colour-stroke-brand: var(--colour-brand-40); /* @kind color */
  --colour-stroke-default: var(--colour-neutral-50); /* @kind color */
  --colour-stroke-disabled: var(--colour-transparency-black-20); /* @kind color */
  --colour-stroke-error: var(--colour-accents-red-40); /* @kind color */
  --colour-stroke-focus: var(--colour-accents-blue-30); /* @kind color */
  --colour-stroke-info: var(--colour-accents-blue-30); /* @kind color */
  --colour-stroke-medium: var(--colour-transparency-black-50); /* @kind color */
  --colour-stroke-soft: var(--colour-transparency-black-15); /* @kind color */
  --colour-stroke-strong: var(--colour-neutral-20); /* @kind color */
  --colour-text-contrast: var(--colour-neutral-120); /* @kind color */
  --colour-text-default: var(--colour-neutral-20); /* @kind color */
  --colour-text-details: var(--colour-accents-blue-40); /* @kind color */
  --colour-text-disabled: var(--colour-transparency-black-30); /* @kind color */
  --colour-text-heading: var(--colour-neutral-20); /* @kind color */
  --colour-text-on-constrast: var(--colour-neutral-80); /* @kind color */
  --colour-text-on-default: var(--colour-neutral-40); /* @kind color */
  --colour-text-placeholder-contrast: var(--colour-transparency-white-50); /* @kind color */
  --colour-text-placeholder-default: var(--colour-transparency-black-50); /* @kind color */
  --colour-transparency-black-10: rgba(0,0,55,0.1); /* @kind color */
  --colour-transparency-black-15: rgba(0,0,55,0.15); /* @kind color */
  --colour-transparency-black-20: rgba(0,0,55,0.2); /* @kind color */
  --colour-transparency-black-30: rgba(0,0,55,0.3); /* @kind color */
  --colour-transparency-black-40: rgba(0,0,55,0.4); /* @kind color */
  --colour-transparency-black-50: rgba(0,0,55,0.5); /* @kind color */
  --colour-transparency-black-5: rgba(0,0,55,0.05); /* @kind color */
  --colour-transparency-blue-10: rgba(93,158,224,0.25); /* @kind color */
  --colour-transparency-blue-20: rgba(3,89,168,0.25); /* @kind color */
  --colour-transparency-green-10: rgba(0,255,139,0.25); /* @kind color */
  --colour-transparency-green-20: rgba(0,137,68,0.25); /* @kind color */
  --colour-transparency-red-10: rgba(210,40,24,0.25); /* @kind color */
  --colour-transparency-white-10: rgba(255,255,255,0.1); /* @kind color */
  --colour-transparency-white-20: rgba(255,255,255,0.2); /* @kind color */
  --colour-transparency-white-30: rgba(255,255,255,0.3); /* @kind color */
  --colour-transparency-white-40: rgba(255,255,255,0.4); /* @kind color */
  --colour-transparency-white-50: rgba(255,255,255,0.5); /* @kind color */
  --colour-transparency-yellow-10: rgba(255,208,1,0.25); /* @kind color */
  --colour-visual-elements-green: var(--colour-accents-green-50); /* @kind color */
  --colour-visual-elements-overlay: var(--colour-transparency-black-30); /* @kind color */
  --colour-visual-elements-red: var(--colour-accents-red-40); /* @kind color */
  --colour-visual-elements-yellow: var(--colour-accents-yellow-30); /* @kind color */
  --fade-azul: rgba(0,0,74,0.5); /* @kind color */
  --green: rgb(0,255,139); /* @kind color */
  --light-blue-fpf: rgb(4,118,222); /* @kind color */
  --light-blue: rgb(4,118,222); /* @kind color */
  --neutral-background-1-hover: var(--colors-grey-96); /* @kind color */
  --neutral-background-1-rest: var(--colors-grey-white); /* @kind color */
  --neutral-background-2-rest: var(--colors-grey-98-2); /* @kind color */
  --neutral-background-3-rest: var(--colors-grey-96); /* @kind color */
  --neutral-background-4-rest: var(--colors-grey-94); /* @kind color */
  --neutral-foreground-1-rest: var(--colour-neutral-20); /* @kind color */
  --neutral-foreground-3-rest: var(--colour-neutral-40); /* @kind color */
  --neutral-foreground-4-rest: var(--colors-grey-44); /* @kind color */
  --neutral-stroke-1-rest: var(--colors-grey-82); /* @kind color */
  --neutral-stroke-subtle-rest: var(--colors-grey-88); /* @kind color */
  --orange-eventos: rgb(251,132,22); /* @kind color */
  --pearl-blue: rgb(242,244,255); /* @kind color */
  --red-comercial: rgb(238,0,51); /* @kind color */
  --shape-corner-radius-big: 24;
  --shape-corner-radius-extra: 500;
  --shape-corner-radius-medium: 16;
  --shape-corner-radius-micro: 6;
  --shape-corner-radius-mini: 8;
  --shape-corner-radius-nano: 4;
  --shape-corner-radius-none: 0;
  --shape-stroke-thick: 2;
  --shape-stroke-thickest: 4;
  --shape-stroke-thin: 1;
  --spacer-0: 0;
  --spacer-1000: 96;
  --spacer-100: 16;
  --spacer-10: 2;
  --spacer-200: 20;
  --spacer-20: 4;
  --spacer-300: 24;
  --spacer-400: 32;
  --spacer-40: 8;
  --spacer-500: 40;
  --spacer-600: 48;
  --spacer-60: 10;
  --spacer-700: 56;
  --spacer-800: 72;
  --spacer-80: 12;
  --spacer-900: 80;
  --text-on-white: rgb(0,0,100); /* @kind color */
  --text-primary: rgb(255,255,255); /* @kind color */
  --type-font-family-caption: "FPF Normal";
  --type-font-family-display: "FPF Condensed";
  --type-font-family-heading: "FPF Normal";
  --type-font-family-labels: "FPF Narrow";
  --type-font-family-text: "FPF Normal";
  --type-font-weight-400: "Book";
  --type-font-weight-500: "Medium";
  --type-font-weight-600: "SemiBold";
  --type-font-weight-700: "Bold";
  --type-line-height-1000: 80;
  --type-line-height-100: 14;
  --type-line-height-200: 16;
  --type-line-height-300: 20;
  --type-line-height-400: 22;
  --type-line-height-500: 28;
  --type-line-height-600: 32;
  --type-line-height-650: 36;
  --type-line-height-700: 40;
  --type-line-height-750: 48;
  --type-line-height-800: 52;
  --type-line-height-900: 74;
  --type-line-hight-label-m: 28;
  --type-size-1000: 80;
  --type-size-100: 10;
  --type-size-200: 12;
  --type-size-300: 14;
  --type-size-400: 16;
  --type-size-500: 20;
  --type-size-600: 24;
  --type-size-650: 28;
  --type-size-700: 32;
  --type-size-750: 36;
  --type-size-800: 40;
  --type-size-900: 64;
  --type-size-label-m: 20;
  --type-size-label-s: 16;
  --visual-elements-purple: rgb(114,84,248); /* @kind color */
  --white-2: rgb(255,255,255); /* @kind color */
  --white: rgb(255,255,255); /* @kind color */
  --yellow: rgb(255,225,0); /* @kind color */
}

:root[data-theme="dark"], .dark {
  --brand-background-1: var(--colour-brand-20); /* @kind color */
  --brand-background-1: var(--colour-brand-30); /* @kind color */
  --brand-background-2: var(--colour-brand-70); /* @kind color */
  --brand-background-2: var(--colour-transparency-green-10); /* @kind color */
  --brand-foreground-1-rest: var(--colour-neutral-110); /* @kind color */
  --brand-foreground-1-rest: var(--colour-neutral-30); /* @kind color */
  --colour-action-destructive: var(--colour-accents-red-40); /* @kind color */
  --colour-action-destructive: var(--colour-accents-red-40); /* @kind color */
  --colour-action-disabled: var(--colour-transparency-black-30); /* @kind color */
  --colour-action-disabled: var(--colour-transparency-white-40); /* @kind color */
  --colour-action-high: var(--colour-brand-40); /* @kind color */
  --colour-action-high: var(--colour-brand-40); /* @kind color */
  --colour-action-link-visited: var(--colour-accents-purple-20); /* @kind color */
  --colour-action-link-visited: var(--colour-accents-purple-20); /* @kind color */
  --colour-action-low: var(--colour-neutral-100); /* @kind color */
  --colour-action-low: var(--colour-neutral-20); /* @kind color */
  --colour-action-medium: var(--colour-neutral-120); /* @kind color */
  --colour-action-medium: var(--colour-neutral-20); /* @kind color */
  --colour-action-on-destructive: var(--colour-neutral-120); /* @kind color */
  --colour-action-on-destructive: var(--colour-neutral-120); /* @kind color */
  --colour-action-on-high: var(--colour-neutral-20); /* @kind color */
  --colour-action-on-high: var(--colour-neutral-20); /* @kind color */
  --colour-action-on-low: var(--colour-neutral-100); /* @kind color */
  --colour-action-on-low: var(--colour-neutral-120); /* @kind color */
  --colour-action-on-medium: var(--colour-neutral-120); /* @kind color */
  --colour-action-on-medium: var(--colour-neutral-20); /* @kind color */
  --colour-background-brand: var(--colour-brand-10); /* @kind color */
  --colour-background-brand: var(--colour-brand-90); /* @kind color */
  --colour-background-contrast-bright: var(--colour-neutral-30); /* @kind color */
  --colour-background-contrast-bright: var(--colour-transparency-white-10); /* @kind color */
  --colour-background-contrast-dark: var(--colour-neutral-120); /* @kind color */
  --colour-background-contrast-dark: var(--colour-neutral-20); /* @kind color */
  --colour-background-disabled: var(--colour-transparency-black-5); /* @kind color */
  --colour-background-disabled: var(--colour-transparency-white-10); /* @kind color */
  --colour-background-high: var(--colour-neutral-10); /* @kind color */
  --colour-background-high: var(--colour-neutral-120); /* @kind color */
  --colour-background-low: var(--colour-neutral-90); /* @kind color */
  --colour-background-low: var(--colour-transparency-white-10); /* @kind color */
  --colour-background-medium-removed: var(--colour-neutral-110); /* @kind color */
  --colour-background-medium-removed: var(--colour-neutral-30); /* @kind color */
  --colour-background-transparent: rgba(255,255,255,0); /* @kind color */
  --colour-background-transparent: rgba(255,255,255,0); /* @kind color */
  --colour-feedback-alert: var(--colour-accents-yellow-20); /* @kind color */
  --colour-feedback-alert: var(--colour-accents-yellow-30); /* @kind color */
  --colour-feedback-details: var(--colour-neutral-100); /* @kind color */
  --colour-feedback-details: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-error: var(--colour-accents-red-30); /* @kind color */
  --colour-feedback-error: var(--colour-accents-red-40); /* @kind color */
  --colour-feedback-info-2: var(--colour-accents-blue-30); /* @kind color */
  --colour-feedback-info-2: var(--colour-accents-blue-40); /* @kind color */
  --colour-feedback-info-light: var(--colour-accents-blue-20); /* @kind color */
  --colour-feedback-info-light: var(--colour-accents-blue-40); /* @kind color */
  --colour-feedback-info: var(--colour-accents-blue-20); /* @kind color */
  --colour-feedback-info: var(--colour-accents-blue-30); /* @kind color */
  --colour-feedback-on-alert: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-alert: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-details: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-on-details: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-error: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-on-error: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-info-light: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-on-info-light: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-info: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-on-info: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-success: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-on-success: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-success: var(--colour-accents-green-40); /* @kind color */
  --colour-feedback-success: var(--colour-accents-green-50); /* @kind color */
  --colour-heading-on-contrast: var(--colour-neutral-100); /* @kind color */
  --colour-heading-on-contrast: var(--colour-neutral-20); /* @kind color */
  --colour-heading-on-default: var(--colour-neutral-100); /* @kind color */
  --colour-heading-on-default: var(--colour-neutral-20); /* @kind color */
  --colour-shadows-default: var(--colour-transparency-black-10); /* @kind color */
  --colour-shadows-default: var(--colour-transparency-white-10); /* @kind color */
  --colour-shadows-mini: var(--colour-transparency-black-20); /* @kind color */
  --colour-shadows-mini: var(--colour-transparency-white-20); /* @kind color */
  --colour-shadows-soft: var(--colour-transparency-black-10); /* @kind color */
  --colour-shadows-soft: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-disabled-default: var(--colour-transparency-black-10); /* @kind color */
  --colour-state-disabled-default: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-disabled-on-default: var(--colour-transparency-black-20); /* @kind color */
  --colour-state-disabled-on-default: var(--colour-transparency-white-20); /* @kind color */
  --colour-state-hold: var(--colour-transparency-black-30); /* @kind color */
  --colour-state-hold: var(--colour-transparency-white-30); /* @kind color */
  --colour-state-hover-destructive: var(--colour-transparency-black-30); /* @kind color */
  --colour-state-hover-destructive: var(--colour-transparency-white-30); /* @kind color */
  --colour-state-hover-high: var(--colour-transparency-black-30); /* @kind color */
  --colour-state-hover-high: var(--colour-transparency-white-30); /* @kind color */
  --colour-state-hover-low: var(--colour-transparency-black-10); /* @kind color */
  --colour-state-hover-low: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-hover-medium: var(--colour-transparency-black-10); /* @kind color */
  --colour-state-hover-medium: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-pressed-destructive: var(--colour-transparency-black-40); /* @kind color */
  --colour-state-pressed-destructive: var(--colour-transparency-white-40); /* @kind color */
  --colour-state-pressed-high: var(--colour-transparency-black-40); /* @kind color */
  --colour-state-pressed-high: var(--colour-transparency-white-40); /* @kind color */
  --colour-state-pressed-low: var(--colour-transparency-black-20); /* @kind color */
  --colour-state-pressed-low: var(--colour-transparency-white-20); /* @kind color */
  --colour-state-pressed-medium: var(--colour-transparency-black-20); /* @kind color */
  --colour-state-pressed-medium: var(--colour-transparency-white-20); /* @kind color */
  --colour-state-skeleton-medium: var(--colour-neutral-120); /* @kind color */
  --colour-state-skeleton-medium: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-skeleton-strong: var(--colour-neutral-90); /* @kind color */
  --colour-state-skeleton-strong: var(--colour-transparency-white-20); /* @kind color */
  --colour-stroke-alert: var(--colour-accents-yellow-20); /* @kind color */
  --colour-stroke-alert: var(--colour-accents-yellow-30); /* @kind color */
  --colour-stroke-brand: var(--colour-brand-40); /* @kind color */
  --colour-stroke-brand: var(--colour-brand-40); /* @kind color */
  --colour-stroke-default: var(--colour-neutral-50); /* @kind color */
  --colour-stroke-default: var(--colour-neutral-50); /* @kind color */
  --colour-stroke-disabled: var(--colour-transparency-black-20); /* @kind color */
  --colour-stroke-disabled: var(--colour-transparency-white-20); /* @kind color */
  --colour-stroke-error: var(--colour-accents-red-20); /* @kind color */
  --colour-stroke-error: var(--colour-accents-red-40); /* @kind color */
  --colour-stroke-focus: var(--colour-accents-blue-30); /* @kind color */
  --colour-stroke-focus: var(--colour-accents-blue-30); /* @kind color */
  --colour-stroke-info: var(--colour-accents-blue-20); /* @kind color */
  --colour-stroke-info: var(--colour-accents-blue-30); /* @kind color */
  --colour-stroke-medium: var(--colour-transparency-black-50); /* @kind color */
  --colour-stroke-medium: var(--colour-transparency-white-50); /* @kind color */
  --colour-stroke-soft: var(--colour-transparency-black-15); /* @kind color */
  --colour-stroke-soft: var(--colour-transparency-white-10); /* @kind color */
  --colour-stroke-strong: var(--colour-neutral-100); /* @kind color */
  --colour-stroke-strong: var(--colour-neutral-20); /* @kind color */
  --colour-text-contrast: var(--colour-neutral-120); /* @kind color */
  --colour-text-contrast: var(--colour-neutral-20); /* @kind color */
  --colour-text-default: var(--colour-neutral-20); /* @kind color */
  --colour-text-default: var(--colour-neutral-80); /* @kind color */
  --colour-text-details: var(--colour-accents-blue-30); /* @kind color */
  --colour-text-details: var(--colour-accents-blue-40); /* @kind color */
  --colour-text-disabled: var(--colour-transparency-black-30); /* @kind color */
  --colour-text-disabled: var(--colour-transparency-white-40); /* @kind color */
  --colour-text-heading: var(--colour-neutral-100); /* @kind color */
  --colour-text-heading: var(--colour-neutral-20); /* @kind color */
  --colour-text-on-constrast: var(--colour-neutral-40); /* @kind color */
  --colour-text-on-constrast: var(--colour-neutral-80); /* @kind color */
  --colour-text-on-default: var(--colour-neutral-40); /* @kind color */
  --colour-text-on-default: var(--colour-neutral-80); /* @kind color */
  --colour-text-placeholder-contrast: var(--colour-transparency-black-50); /* @kind color */
  --colour-text-placeholder-contrast: var(--colour-transparency-white-50); /* @kind color */
  --colour-text-placeholder-default: var(--colour-transparency-black-50); /* @kind color */
  --colour-text-placeholder-default: var(--colour-transparency-white-50); /* @kind color */
  --colour-visual-elements-green: var(--colour-accents-green-40); /* @kind color */
  --colour-visual-elements-green: var(--colour-accents-green-50); /* @kind color */
  --colour-visual-elements-overlay: var(--colour-transparency-black-30); /* @kind color */
  --colour-visual-elements-overlay: var(--colour-transparency-black-30); /* @kind color */
  --colour-visual-elements-red: var(--colour-accents-red-40); /* @kind color */
  --colour-visual-elements-red: var(--colour-accents-red-40); /* @kind color */
  --colour-visual-elements-yellow: var(--colour-accents-yellow-20); /* @kind color */
  --colour-visual-elements-yellow: var(--colour-accents-yellow-30); /* @kind color */
  --neutral-background-1-hover: var(--colors-grey-24); /* @kind color */
  --neutral-background-1-rest: var(--colors-neutral-grey-16); /* @kind color */
  --neutral-background-2-rest: var(--colors-grey-12); /* @kind color */
  --neutral-background-3-rest: var(--colors-grey-8); /* @kind color */
  --neutral-background-4-rest: var(--colors-grey-4); /* @kind color */
  --neutral-foreground-1-rest: var(--colour-neutral-110); /* @kind color */
  --neutral-foreground-1-rest: var(--colour-neutral-20); /* @kind color */
  --neutral-foreground-3-rest: var(--colour-neutral-40); /* @kind color */
  --neutral-foreground-3-rest: var(--colour-neutral-90); /* @kind color */
  --neutral-foreground-4-rest: var(--colors-grey-60); /* @kind color */
  --neutral-stroke-1-rest: var(--colors-grey-40); /* @kind color */
  --neutral-stroke-subtle-rest: var(--colors-grey-4); /* @kind color */
}

:root[data-theme="light"], .light {
  --brand-background-1: var(--colour-brand-20); /* @kind color */
  --brand-background-2: var(--colour-brand-70); /* @kind color */
  --brand-foreground-1-rest: var(--colour-neutral-30); /* @kind color */
  --colour-action-destructive: var(--colour-accents-red-40); /* @kind color */
  --colour-action-disabled: var(--colour-transparency-white-40); /* @kind color */
  --colour-action-high: var(--colour-brand-40); /* @kind color */
  --colour-action-link-visited: var(--colour-accents-purple-20); /* @kind color */
  --colour-action-low: var(--colour-neutral-120); /* @kind color */
  --colour-action-medium: var(--colour-neutral-120); /* @kind color */
  --colour-action-on-destructive: var(--colour-neutral-120); /* @kind color */
  --colour-action-on-high: var(--colour-neutral-20); /* @kind color */
  --colour-action-on-low: var(--colour-neutral-120); /* @kind color */
  --colour-action-on-medium: var(--colour-neutral-20); /* @kind color */
  --colour-background-brand: var(--colour-brand-90); /* @kind color */
  --colour-background-contrast-bright: var(--colour-transparency-white-10); /* @kind color */
  --colour-background-contrast-dark: var(--colour-neutral-120); /* @kind color */
  --colour-background-disabled: var(--colour-transparency-white-10); /* @kind color */
  --colour-background-high: var(--colour-neutral-10); /* @kind color */
  --colour-background-low: var(--colour-transparency-white-10); /* @kind color */
  --colour-background-medium-removed: var(--colour-neutral-30); /* @kind color */
  --colour-background-transparent: rgba(255,255,255,0); /* @kind color */
  --colour-feedback-alert: var(--colour-accents-yellow-20); /* @kind color */
  --colour-feedback-details: var(--colour-neutral-100); /* @kind color */
  --colour-feedback-error: var(--colour-accents-red-30); /* @kind color */
  --colour-feedback-info-2: var(--colour-accents-blue-30); /* @kind color */
  --colour-feedback-info-light: var(--colour-accents-blue-40); /* @kind color */
  --colour-feedback-info: var(--colour-accents-blue-20); /* @kind color */
  --colour-feedback-on-alert: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-details: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-error: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-info-light: var(--colour-neutral-120); /* @kind color */
  --colour-feedback-on-info: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-on-success: var(--colour-neutral-20); /* @kind color */
  --colour-feedback-success: var(--colour-accents-green-40); /* @kind color */
  --colour-heading-on-contrast: var(--colour-neutral-20); /* @kind color */
  --colour-heading-on-default: var(--colour-neutral-100); /* @kind color */
  --colour-shadows-default: var(--colour-transparency-white-10); /* @kind color */
  --colour-shadows-mini: var(--colour-transparency-white-20); /* @kind color */
  --colour-shadows-soft: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-disabled-default: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-disabled-on-default: var(--colour-transparency-white-20); /* @kind color */
  --colour-state-hold: var(--colour-transparency-white-30); /* @kind color */
  --colour-state-hover-destructive: var(--colour-transparency-white-30); /* @kind color */
  --colour-state-hover-high: var(--colour-transparency-white-30); /* @kind color */
  --colour-state-hover-low: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-hover-medium: var(--colour-transparency-black-10); /* @kind color */
  --colour-state-pressed-destructive: var(--colour-transparency-white-40); /* @kind color */
  --colour-state-pressed-high: var(--colour-transparency-white-40); /* @kind color */
  --colour-state-pressed-low: var(--colour-transparency-white-20); /* @kind color */
  --colour-state-pressed-medium: var(--colour-transparency-black-20); /* @kind color */
  --colour-state-skeleton-medium: var(--colour-transparency-white-10); /* @kind color */
  --colour-state-skeleton-strong: var(--colour-transparency-white-20); /* @kind color */
  --colour-stroke-alert: var(--colour-accents-yellow-20); /* @kind color */
  --colour-stroke-brand: var(--colour-brand-40); /* @kind color */
  --colour-stroke-default: var(--colour-neutral-50); /* @kind color */
  --colour-stroke-disabled: var(--colour-transparency-white-20); /* @kind color */
  --colour-stroke-error: var(--colour-accents-red-20); /* @kind color */
  --colour-stroke-focus: var(--colour-accents-blue-30); /* @kind color */
  --colour-stroke-info: var(--colour-accents-blue-20); /* @kind color */
  --colour-stroke-medium: var(--colour-transparency-white-50); /* @kind color */
  --colour-stroke-soft: var(--colour-transparency-white-10); /* @kind color */
  --colour-stroke-strong: var(--colour-neutral-100); /* @kind color */
  --colour-text-contrast: var(--colour-neutral-20); /* @kind color */
  --colour-text-default: var(--colour-neutral-80); /* @kind color */
  --colour-text-details: var(--colour-accents-blue-30); /* @kind color */
  --colour-text-disabled: var(--colour-transparency-white-40); /* @kind color */
  --colour-text-heading: var(--colour-neutral-100); /* @kind color */
  --colour-text-on-constrast: var(--colour-neutral-40); /* @kind color */
  --colour-text-on-default: var(--colour-neutral-80); /* @kind color */
  --colour-text-placeholder-contrast: var(--colour-transparency-black-50); /* @kind color */
  --colour-text-placeholder-default: var(--colour-transparency-white-50); /* @kind color */
  --colour-visual-elements-green: var(--colour-accents-green-40); /* @kind color */
  --colour-visual-elements-overlay: var(--colour-transparency-black-30); /* @kind color */
  --colour-visual-elements-red: var(--colour-accents-red-40); /* @kind color */
  --colour-visual-elements-yellow: var(--colour-accents-yellow-20); /* @kind color */
  --neutral-foreground-1-rest: var(--colour-neutral-110); /* @kind color */
  --neutral-foreground-3-rest: var(--colour-neutral-90); /* @kind color */
}

:root[data-mode="mobile"] {
  --type-font-family-caption: "FPF Normal";
  --type-font-family-display: "FPF Condensed";
  --type-font-family-heading: "FPF Normal";
  --type-font-family-labels: "FPF Narrow";
  --type-font-family-text: "FPF Normal";
  --type-font-weight-400: "Book";
  --type-font-weight-500: "Medium";
  --type-font-weight-600: "SemiBold";
  --type-font-weight-700: "Bold";
  --type-line-height-1000: 64;
  --type-line-height-100: 14;
  --type-line-height-200: 14;
  --type-line-height-300: 16;
  --type-line-height-400: 20;
  --type-line-height-500: 24;
  --type-line-height-600: 28;
  --type-line-height-650: 30;
  --type-line-height-700: 32;
  --type-line-height-750: 40;
  --type-line-height-800: 48;
  --type-line-height-900: 52;
  --type-line-hight-label-m: 24;
  --type-size-1000: 40;
  --type-size-100: 10;
  --type-size-200: 10;
  --type-size-300: 12;
  --type-size-400: 14;
  --type-size-500: 18;
  --type-size-600: 20;
  --type-size-650: 22;
  --type-size-700: 24;
  --type-size-750: 28;
  --type-size-800: 32;
  --type-size-900: 36;
  --type-size-label-m: 18;
  --type-size-label-s: 14;
}