:root{--color-dark: #293A60;--color-default-100: #F9F7F3;--color-default-200: #f1f1f1;--color-default-300: #bab9b9;--color-default-400: #A6A4A3;--color-default-500: #879CA8;--color-default-hover: color-mix(in srgb, var(--color-default-200) 80%, white);--color-primary-100: #DEEFF2;--color-primary-200: #BDE5F6;--color-primary-300: #23A6F0;--color-primary-hover: color-mix(in srgb, var(--color-primary-200) 80%, white);--color-success-100: #DDF2D9;--color-success-200: #C7E5C2;--color-success-300: #179304;--color-success-hover: color-mix(in srgb, var(--color-success-200) 80%, white);--color-danger-100: #FCDDEC;--color-danger-200: #f387be;--color-danger-300: #EF5DA8;--color-danger-hover: color-mix(in srgb, var(--color-danger-200) 80%, white);--color-warning-100: #F9E9CE;--color-warning-200: #F3D58A;--color-warning-300: #C27D0F;--color-warning-hover: color-mix(in srgb, var(--color-warning-200) 80%, white);--color-accent-100: #CDCDFF;--color-accent-200: #8a8ce6;--color-accent-300: #5D5FEF;--color-swipe: #fbc950;--gradient-primary: linear-gradient(180deg, #F9F7F3 23.56%, #E5F0F5 100%);--gradient-success: linear-gradient(180deg, #F9F7F3 23.56%, #DDF2D9 100%)}