:root { --color-error-050: #FEF2F2; --color-error-100: #FEE2E2; --color-error-200: #FFC9C9; --color-error-300: #FFA2A2; --color-error-400: #FF6467; --color-error-500: #FB2C36; --color-error-600: #E7000B; --color-error-800: #9F0712; --color-success-050: #F0FDF4; --color-success-100: #DCFCE7; --color-success-200: #B9F8CF; --color-success-300: #77c68d; --color-success-400: #05DF72; --color-success-500: #00C950; --color-success-500-l-1: #17ce60; --color-success-500-l-2: #2ed370; --color-success-500-l-3: #46d880; --color-success-500-l-4: #5ddd90; --color-success-500-l-5: #74e2a0; --color-success-500-l-6: #8be6af; --color-success-500-l-7: #a2ebbf; --color-success-500-l-8: #b9f0cf; --color-success-500-l-9: #d1f5df; --color-success-500-l-10: #e8faef; --color-success-600: #00A63E; --color-success-800: #016630; --color-neutral-050: #f7f2ea; --color-neutral-100: #f3ebde; --color-neutral-200: #e7d5b5; --color-neutral-300: #d0bd9a; --color-neutral-400: #b4a385; --color-neutral-500: #97896f; --color-neutral-600: #796d58; --color-neutral-700: #5b5241; --color-neutral-800: #3e372b; --color-neutral-900: #221e16; --color-brand-050: #D7F9DF; --color-brand-100: #A1F4B7; --color-brand-200: #85DC9D; --color-brand-300: #77C68D; --color-brand-400: #6BB37F; --color-brand-500: #5A996C; --color-brand-600: #487C57; --color-brand-700: #365E41; --color-brand-800: #23402B; --color-brand-900: #0B130D; --color-base-black: #000000; --color-base-white: #FFFFFF; --color-blue-050: #DCF5FF; --color-blue-100: #9EE7FF; --color-blue-200: #00CFF3; --color-blue-300: #00B2D1; --color-blue-400: #0097B2; --color-blue-500: #00849B; --color-blue-600: #006A7D; --color-blue-700: #004D5C; --color-blue-800: #00303B; --color-blue-900: #001419; --color-yellow-050: #FEEFD2; --color-yellow-100: #FEE2A4; --color-yellow-200: #FBCE2D; --color-yellow-600: #806812; --color-magenta-300: #FD86A6; --color-magenta-600: #C50D5D; --color-magenta-800: #5E0329; --color-yellow-800: #392d04; --color-magenta-200: #fdadc0; --color-magenta-100: #fed4dd; --color-magenta-050: #ffecf0; --color-brand-default: var(--color-brand-300); --color-brand-hover: var(--color-brand-400); --color-brand-muted: var(--color-brand-050); --color-brand-strong: var(--color-brand-900); --color-foreground-primary: var(--color-neutral-950); --color-foreground-secondary: var(--color-neutral-600); --color-foreground-error: var(--color-error-600); --color-foreground-success: var(--color-success-600); --color-foreground-on-brand: var(--color-base-white); --color-foreground-inverse: var(--color-base-white); --color-background-primary: var(--color-base-white); --color-background-secondary: var(--color-neutral-050); --color-background-tertiary: var(--color-neutral-100); --color-background-inverse: var(--color-neutral-950); --color-background-error-strong: var(--color-error-500); --color-background-error-muted: var(--color-error-100); --color-background-success-strong: var(--color-success-500); --color-background-success-muted: var(--color-success-100); --color-border-default: var(--color-neutral-300); --color-border-strong: var(--color-neutral-500); --color-border-error: var(--color-error-500); --color-border-success: var(--color-success-500); --color-border-inverse: var(--color-base-white); --color-shadow: #0B130D9D;}