/* =============================================
   Fintech UI Kit – Complete Design Tokens
   Generated from fintech-options.json + fintech-colors.json
   ============================================= */

:root {
    /* ============== OPTIONS ============== */
    --font-general-font-name: Fintech Fusion;
    --font-general-weight-400: 400;
    --font-general-weight-500: 500;
    --font-general-weight-600: 600;
    --font-general-weight-700: 700;
    --font-accent-font-name: Onest;
    --font-accent-weight-500: 500;
    --font-accent-weight-600: 600;
    --font-accent-weight-700: 700;
    --font-handwritten-font-name: Caveat;
    --font-handwritten-weight-400: 400;
    --font-handwritten-weight-500: 500;
    --font-handwritten-weight-600: 600;
    --font-handwritten-weight-700: 700;
    --font-size-caption-s: 12px;
    --font-size-caption-m: 13px;
    --font-size-body-s: 14px;
    --font-size-body-m: 16px;
    --font-size-body-l: 18px;
    --font-size-title-s: 24px;
    --font-size-title-m: 32px;
    --font-size-title-l: 40px;
    --font-size-display-s: 48px;
    --font-size-display-m: 64px;
    --font-size-display-l: 80px;
    --font-line-height-caption-s: 16px;
    --font-line-height-caption-m: 18px;
    --font-line-height-body-s: 20px;
    --font-line-height-body-m: 22px;
    --font-line-height-body-l: 24px;
    --font-line-height-title-s: 32px;
    --font-line-height-title-m: 40px;
    --font-line-height-title-l: 48px;
    --font-line-height-display-s: 56px;
    --font-line-height-display-m: 72px;
    --font-line-height-display-l: 88px;
    --font-letter-spacing-2xs: 0px;
    --font-letter-spacing-xs: -0.5px;
    --font-letter-spacing-s: -1px;
    --font-letter-spacing-m: -1.25px;
    --font-letter-spacing-l: -2px;
    --font-letter-spacing-xl: -2.5px;
    --spacing-11xs: 2px;
    --spacing-10xs: 4px;
    --spacing-9xs: 6px;
    --spacing-8xs: 8px;
    --spacing-7xs: 12px;
    --spacing-6xs: 16px;
    --spacing-5xs: 20px;
    --spacing-4xs: 24px;
    --spacing-3xs: 32px;
    --spacing-2xs: 40px;
    --spacing-xs: 48px;
    --spacing-s: 56px;
    --spacing-m: 64px;
    --spacing-l: 72px;
    --spacing-xl: 80px;
    --spacing-2xl: 96px;
    --spacing-3xl: 128px;
    --spacing-4xl: 160px;
    --spacing-5xl: 192px;
    --spacing-6xl: 224px;
    --spacing-7xl: 256px;
    --spacing-8xl: 320px;
    --spacing-9xl: 384px;
    --spacing-10xl: 448px;
    --spacing-11xl: 512px;
    --border-3xs: 1px;
    --border-2xs: 2px;
    --border-xs: 4px;
    --border-s: 6px;
    --border-m: 8px;
    --border-l: 12px;
    --border-xl: 16px;
    --border-2xl: 20px;
    --border-3xl: 24px;
    --border-4xl: 32px;
    --border-5xl: 40px;
    --radius-4xs: 1px;
    --radius-3xs: 2px;
    --radius-2xs: 4px;
    --radius-xs: 6px;
    --radius-s: 8px;
    --radius-m: 12px;
    --radius-l: 16px;
    --radius-xl: 20px;
    --radius-2xl: 24px;
    --radius-3xl: 32px;
    --radius-4xl: 48px;
    --radius-5xl: 80px;
    --radius-full: 9999px;
    --opacity-states-hovered: 0.8;
    --opacity-states-focused: 0.6;
    --opacity-states-in-active: 0.4;
    --opacity-states-disabled: 0.32;
    --dimensions-breakpoints-desktop: 1200px;
    --dimensions-breakpoints-tablet-max: 1199.97998046875px;
    --dimensions-breakpoints-tablet-min: 768px;
    --dimensions-breakpoints-mobile-l-max: 767.97998046875px;
    --dimensions-breakpoints-mobile-l-min: 576px;
    --dimensions-breakpoints-mobile-s-max: 575.97998046875px;
    --dimensions-breakpoints-mobile-s-min: 360px;
    --effects-blur-low: 12px;
    --effects-blur-normal: 24px;
    --effects-blur-medium: 48px;
    --effects-blur-high: 96px;

    /* ============== LIGHT MODE COLORS ============== */
    --color-black-inverse: #13161a;
    --color-black-inverse-a80: rgba(19, 22, 26, 0.72);
    --color-black-inverse-a60: rgba(19, 22, 26, 0.56);
    --color-black-inverse-a40: rgba(19, 22, 26, 0.32);
    --color-black-inverse-a20: rgba(19, 22, 26, 0.12);
    --color-black-inverse-a12: rgba(19, 22, 26, 0.1);
    --color-black-inverse-a8: rgba(19, 22, 26, 0.06);
    --color-black-inverse-a6: rgba(19, 22, 26, 0.04);
    --color-black-inverse-a0: rgba(19, 22, 26, 0);
    --color-white-inverse: #ffffff;
    --color-white-inverse-a80: rgba(255, 255, 255, 0.8);
    --color-white-inverse-a60: rgba(255, 255, 255, 0.6);
    --color-white-inverse-a40: rgba(255, 255, 255, 0.4);
    --color-white-inverse-a20: rgba(255, 255, 255, 0.2);
    --color-white-inverse-a12: rgba(255, 255, 255, 0.12);
    --color-white-inverse-a8: rgba(255, 255, 255, 0.08);
    --color-white-inverse-a6: rgba(255, 255, 255, 0.06);
    --color-white-inverse-a0: rgba(255, 255, 255, 0);
    --color-background-bg-base: #ffffff;
    --color-background-bg-base-a0: rgba(255, 255, 255, 0);
    --color-background-bg-ultra-thin: #f5f6f6;
    --color-background-bg-ultra-thin-a0: rgba(245, 246, 246, 0);
    --color-background-bg-thin: #eceded;
    --color-background-bg-thin-a0: rgba(236, 237, 237, 0);
    --color-background-bg-regular: #e2e3e5;
    --color-background-bg-regular-a0: rgba(226, 227, 229, 0);
    --color-background-bg-medium: #d9dadc;
    --color-background-bg-medium-a0: rgba(217, 218, 220, 0);
    --color-surface-low-1: #f5f6f6;
    --color-surface-low-2: #ffffff;
    --color-surface-low-a2: rgba(255, 255, 255, 0.6);
    --color-surface-low-3: #ffffff;
    --color-surface-low-a3: rgba(255, 255, 255, 0.6);
    --color-surface-low-4: #ffffff;
    --color-surface-low-a4: rgba(255, 255, 255, 0.6);
    --color-surface-low-5: #ffffff;
    --color-surface-medium: #ffffff;
    --color-surface-medium-2: #f5f6f6;
    --color-surface-medium-a2: rgba(255, 255, 255, 0.6);
    --color-surface-medium-3: #f5f6f6;
    --color-surface-medium-a3: rgba(255, 255, 255, 0.4);
    --color-surface-medium-4: #f5f6f6;
    --color-surface-medium-a4: rgba(255, 255, 255, 0.2);
    --color-surface-medium-5: #f5f6f6;
    --color-surface-custom-surface-white-low: #ffffff;
    --color-surface-custom-surface-white-medium: #ffffff;
    --color-surface-custom-surface-white-high: #ffffff;
    --color-overlay-bold: rgba(19, 22, 26, 0.56);
    --color-overlay-medium: rgba(19, 22, 26, 0.32);
    --color-overlay-light: rgba(19, 22, 26, 0.1);
    --color-overlay-swap: rgba(255, 255, 255, 0.8);
    --color-black-base: #13161a;
    --color-black-base-a80: rgba(19, 22, 26, 0.72);
    --color-black-base-a60: rgba(19, 22, 26, 0.56);
    --color-black-base-a40: rgba(19, 22, 26, 0.32);
    --color-black-base-a20: rgba(19, 22, 26, 0.12);
    --color-black-base-a12: rgba(19, 22, 26, 0.1);
    --color-black-base-a8: rgba(19, 22, 26, 0.06);
    --color-black-base-a6: rgba(19, 22, 26, 0.04);
    --color-black-base-a0: rgba(19, 22, 26, 0);
    --color-white-base: #ffffff;
    --color-white-base-a80: rgba(255, 255, 255, 0.8);
    --color-white-base-a60: rgba(255, 255, 255, 0.6);
    --color-white-base-a40: rgba(255, 255, 255, 0.4);
    --color-white-base-a20: rgba(255, 255, 255, 0.2);
    --color-white-base-a12: rgba(255, 255, 255, 0.12);
    --color-white-base-a8: rgba(255, 255, 255, 0.08);
    --color-white-base-a6: rgba(255, 255, 255, 0.06);
    --color-white-base-a0: rgba(255, 255, 255, 0);
    --color-accent-base-accent-primary: #2563eb;
    --color-accent-base-accent-primary-a60: rgba(37, 99, 235, 0.6);
    --color-accent-base-accent-primary-a40: rgba(37, 99, 235, 0.4);
    --color-accent-base-accent-primary-a20: rgba(37, 99, 235, 0.2);
    --color-accent-base-accent-primary-a8: rgba(37, 99, 235, 0.08);
    --color-accent-base-accent-primary-a0: rgba(37, 99, 235, 0);
    --color-accent-base-accent-danger: #dc2626;
    --color-accent-base-accent-danger-a60: rgba(220, 38, 38, 0.6);
    --color-accent-base-accent-danger-a40: rgba(220, 38, 38, 0.4);
    --color-accent-base-accent-danger-a20: rgba(220, 38, 38, 0.2);
    --color-accent-base-accent-danger-a8: rgba(220, 38, 38, 0.08);
    --color-accent-base-accent-danger-a0: rgba(220, 38, 38, 0);
    --color-accent-base-accent-success: #15803d;
    --color-accent-base-accent-success-a60: rgba(21, 128, 61, 0.6);
    --color-accent-base-accent-success-a40: rgba(21, 128, 61, 0.4);
    --color-accent-base-accent-success-a20: rgba(21, 128, 61, 0.2);
    --color-accent-base-accent-success-a8: rgba(21, 128, 61, 0.08);
    --color-accent-base-accent-success-a0: rgba(21, 128, 61, 0);
    --color-accent-base-accent-warning: #f59e0b;
    --color-accent-base-accent-warning-a60: rgba(245, 158, 11, 0.6);
    --color-accent-base-accent-warning-a40: rgba(245, 158, 11, 0.4);
    --color-accent-base-accent-warning-a20: rgba(245, 158, 11, 0.2);
    --color-accent-base-accent-warning-a8: rgba(245, 158, 11, 0.08);
    --color-accent-base-accent-warning-a0: rgba(245, 158, 11, 0);
    --color-gray-base-ultra: #f5f6f6;
    --color-gray-base-ultra-a85: rgba(245, 246, 246, 0.6);
    --color-gray-base-ultra-a0: rgba(245, 246, 246, 0);
    --color-gray-base-extra: #eceded;
    --color-gray-base-extra-a85: rgba(236, 237, 237, 0.6);
    --color-gray-base-extra-a0: rgba(236, 237, 237, 0);
    --color-gray-base-dark: #e2e3e5;
    --color-gray-base-dark-a85: rgba(226, 227, 229, 0.6);
    --color-gray-base-dark-a0: rgba(226, 227, 229, 0);
    --color-gray-base-medium: #d9dadc;
    --color-gray-base-medium-a80: rgba(217, 218, 220, 0.6);
    --color-gray-base-medium-a0: rgba(217, 218, 220, 0);
    --color-gray-base-normal: #cfd1d3;
    --color-gray-base-regular: #a6a7a9;
    --color-rgb-base-yellow: #f5c400;
    --color-rgb-base-yellow-a60: rgba(245, 196, 0, 0.6);
    --color-rgb-base-yellow-a40: rgba(245, 196, 0, 0.4);
    --color-rgb-base-yellow-a20: rgba(245, 196, 0, 0.2);
    --color-rgb-base-yellow-a8: rgba(245, 196, 0, 0.08);
    --color-rgb-base-yellow-a0: rgba(245, 196, 0, 0);
    --color-rgb-base-orange: #ff6a00;
    --color-rgb-base-orange-a60: rgba(255, 106, 0, 0.6);
    --color-rgb-base-orange-a40: rgba(255, 106, 0, 0.4);
    --color-rgb-base-orange-a20: rgba(255, 106, 0, 0.2);
    --color-rgb-base-orange-a8: rgba(255, 106, 0, 0.08);
    --color-rgb-base-orange-a0: rgba(255, 106, 0, 0);
    --color-rgb-base-brown: #a85b3e;
    --color-rgb-base-brown-a60: rgba(168, 91, 62, 0.6);
    --color-rgb-base-brown-a40: rgba(168, 91, 62, 0.4);
    --color-rgb-base-brown-a20: rgba(168, 91, 62, 0.2);
    --color-rgb-base-brown-a8: rgba(168, 91, 62, 0.08);
    --color-rgb-base-brown-a0: rgba(168, 91, 62, 0);
    --color-rgb-base-pink: #fa4083;
    --color-rgb-base-pink-a60: rgba(250, 64, 131, 0.6);
    --color-rgb-base-pink-a40: rgba(250, 64, 131, 0.4);
    --color-rgb-base-pink-a20: rgba(250, 64, 131, 0.2);
    --color-rgb-base-pink-a8: rgba(250, 64, 131, 0.08);
    --color-rgb-base-pink-a0: rgba(250, 64, 131, 0);
    --color-rgb-base-purple: #732df5;
    --color-rgb-base-purple-a60: rgba(115, 45, 245, 0.6);
    --color-rgb-base-purple-a40: rgba(115, 45, 245, 0.4);
    --color-rgb-base-purple-a20: rgba(115, 45, 245, 0.2);
    --color-rgb-base-purple-a8: rgba(115, 45, 245, 0.08);
    --color-rgb-base-purple-a0: rgba(115, 45, 245, 0);
    --color-rgb-base-blue: #0077ff;
    --color-rgb-base-blue-a60: rgba(0, 119, 255, 0.6);
    --color-rgb-base-blue-a40: rgba(0, 119, 255, 0.4);
    --color-rgb-base-blue-a20: rgba(0, 119, 255, 0.2);
    --color-rgb-base-blue-a8: rgba(0, 119, 255, 0.08);
    --color-rgb-base-blue-a0: rgba(0, 119, 255, 0);
    --color-rgb-base-sky: #2cb1f2;
    --color-rgb-base-sky-a60: rgba(44, 177, 242, 0.6);
    --color-rgb-base-sky-a40: rgba(44, 177, 242, 0.4);
    --color-rgb-base-sky-a20: rgba(44, 177, 242, 0.2);
    --color-rgb-base-sky-a8: rgba(44, 177, 242, 0.08);
    --color-rgb-base-sky-a0: rgba(44, 177, 242, 0);
    --color-rgb-base-mint: #1adbb4;
    --color-rgb-base-mint-a60: rgba(26, 219, 180, 0.6);
    --color-rgb-base-mint-a40: rgba(26, 219, 180, 0.4);
    --color-rgb-base-mint-a20: rgba(26, 219, 180, 0.2);
    --color-rgb-base-mint-a8: rgba(26, 219, 180, 0.08);
    --color-rgb-base-mint-a0: rgba(26, 219, 180, 0);
    --color-rgb-base-teal: #008080;
    --color-rgb-base-teal-a60: rgba(0, 128, 128, 0.6);
    --color-rgb-base-teal-a40: rgba(0, 128, 128, 0.4);
    --color-rgb-base-teal-a20: rgba(0, 128, 128, 0.2);
    --color-rgb-base-teal-a8: rgba(0, 128, 128, 0.08);
    --color-rgb-base-teal-a0: rgba(0, 128, 128, 0);
    --color-rgb-base-green: #21a82e;
    --color-rgb-base-green-a60: rgba(33, 168, 46, 0.6);
    --color-rgb-base-green-a40: rgba(33, 168, 46, 0.4);
    --color-rgb-base-green-a20: rgba(33, 168, 46, 0.2);
    --color-rgb-base-green-a8: rgba(33, 168, 46, 0.08);
    --color-rgb-base-green-a0: rgba(33, 168, 46, 0);
}

/* ============== DARK MODE COLORS ============== */
.dark {
    --color-black-inverse: #f9fafa;
    --color-black-inverse-a80: rgba(249, 250, 250, 0.8);
    --color-black-inverse-a60: rgba(249, 250, 250, 0.6);
    --color-black-inverse-a40: rgba(249, 250, 250, 0.4);
    --color-black-inverse-a20: rgba(249, 250, 250, 0.2);
    --color-black-inverse-a12: rgba(249, 250, 250, 0.12);
    --color-black-inverse-a8: rgba(249, 250, 250, 0.08);
    --color-black-inverse-a6: rgba(249, 250, 250, 0.06);
    --color-black-inverse-a0: rgba(249, 250, 250, 0);
    --color-white-inverse: #0e0e10;
    --color-white-inverse-a80: rgba(14, 14, 16, 0.8);
    --color-white-inverse-a60: rgba(14, 14, 16, 0.6);
    --color-white-inverse-a40: rgba(14, 14, 16, 0.4);
    --color-white-inverse-a20: rgba(14, 14, 16, 0.2);
    --color-white-inverse-a12: rgba(14, 14, 16, 0.12);
    --color-white-inverse-a8: rgba(14, 14, 16, 0.08);
    --color-white-inverse-a6: rgba(14, 14, 16, 0.06);
    --color-white-inverse-a0: rgba(14, 14, 16, 0);
    --color-background-bg-base: #0e0e10;
    --color-background-bg-base-a0: rgba(14, 14, 16, 0);
    --color-background-bg-ultra-thin: #0e0e10;
    --color-background-bg-ultra-thin-a0: rgba(14, 14, 16, 0);
    --color-background-bg-thin: #141415;
    --color-background-bg-thin-a0: rgba(20, 20, 21, 0);
    --color-background-bg-regular: #1a1a1b;
    --color-background-bg-regular-a0: rgba(26, 26, 27, 0);
    --color-background-bg-medium: #222224;
    --color-background-bg-medium-a0: rgba(34, 34, 36, 0);
    --color-surface-low-1: #141415;
    --color-surface-low-2: #141415;
    --color-surface-low-a2: rgba(20, 20, 21, 0.85);
    --color-surface-low-3: #1a1a1b;
    --color-surface-low-a3: rgba(26, 26, 27, 0.85);
    --color-surface-low-4: #222224;
    --color-surface-low-a4: rgba(34, 34, 36, 0.85);
    --color-surface-low-5: #2b2b2d;
    --color-surface-medium: #1a1a1b;
    --color-surface-medium-2: #1a1a1b;
    --color-surface-medium-a2: rgba(26, 26, 27, 0.85);
    --color-surface-medium-3: #222224;
    --color-surface-medium-a3: rgba(34, 34, 36, 0.85);
    --color-surface-medium-4: #2b2b2d;
    --color-surface-medium-a4: rgba(43, 43, 45, 0.8);
    --color-surface-medium-5: #48484a;
    --color-surface-custom-surface-white-low: rgba(249, 250, 250, 0.06);
    --color-surface-custom-surface-white-medium: rgba(249, 250, 250, 0.12);
    --color-surface-custom-surface-white-high: rgba(249, 250, 250, 0.2);
    --color-overlay-bold: rgba(14, 14, 16, 0.8);
    --color-overlay-medium: rgba(14, 14, 16, 0.6);
    --color-overlay-light: rgba(14, 14, 16, 0.4);
    --color-overlay-swap: rgba(14, 14, 16, 0.8);
    --color-black-base: #0e0e10;
    --color-black-base-a80: rgba(14, 14, 16, 0.8);
    --color-black-base-a60: rgba(14, 14, 16, 0.6);
    --color-black-base-a40: rgba(14, 14, 16, 0.4);
    --color-black-base-a20: rgba(14, 14, 16, 0.2);
    --color-black-base-a12: rgba(14, 14, 16, 0.12);
    --color-black-base-a8: rgba(14, 14, 16, 0.08);
    --color-black-base-a6: rgba(14, 14, 16, 0.06);
    --color-black-base-a0: rgba(14, 14, 16, 0);
    --color-white-base: #f9fafa;
    --color-white-base-a80: rgba(249, 250, 250, 0.8);
    --color-white-base-a60: rgba(249, 250, 250, 0.6);
    --color-white-base-a40: rgba(249, 250, 250, 0.4);
    --color-white-base-a20: rgba(249, 250, 250, 0.2);
    --color-white-base-a12: rgba(249, 250, 250, 0.12);
    --color-white-base-a8: rgba(249, 250, 250, 0.08);
    --color-white-base-a6: rgba(249, 250, 250, 0.06);
    --color-white-base-a0: rgba(249, 250, 250, 0);
    --color-accent-base-accent-primary: #2563eb;
    --color-accent-base-accent-primary-a60: rgba(37, 99, 235, 0.6);
    --color-accent-base-accent-primary-a40: rgba(37, 99, 235, 0.4);
    --color-accent-base-accent-primary-a20: rgba(37, 99, 235, 0.2);
    --color-accent-base-accent-primary-a8: rgba(37, 99, 235, 0.08);
    --color-accent-base-accent-primary-a0: rgba(37, 99, 235, 0);
    --color-accent-base-accent-danger: #ef4444;
    --color-accent-base-accent-danger-a60: rgba(239, 68, 68, 0.6);
    --color-accent-base-accent-danger-a40: rgba(239, 68, 68, 0.4);
    --color-accent-base-accent-danger-a20: rgba(239, 68, 68, 0.2);
    --color-accent-base-accent-danger-a8: rgba(239, 68, 68, 0.08);
    --color-accent-base-accent-danger-a0: rgba(239, 68, 68, 0);
    --color-accent-base-accent-success: #16a34a;
    --color-accent-base-accent-success-a60: rgba(22, 163, 74, 0.6);
    --color-accent-base-accent-success-a40: rgba(22, 163, 74, 0.4);
    --color-accent-base-accent-success-a20: rgba(22, 163, 74, 0.2);
    --color-accent-base-accent-success-a8: rgba(22, 163, 74, 0.08);
    --color-accent-base-accent-success-a0: rgba(22, 163, 74, 0);
    --color-accent-base-accent-warning: #f59e0b;
    --color-accent-base-accent-warning-a60: rgba(245, 158, 11, 0.6);
    --color-accent-base-accent-warning-a40: rgba(245, 158, 11, 0.4);
    --color-accent-base-accent-warning-a20: rgba(245, 158, 11, 0.2);
    --color-accent-base-accent-warning-a8: rgba(245, 158, 11, 0.08);
    --color-accent-base-accent-warning-a0: rgba(245, 158, 11, 0);
    --color-gray-base-ultra: #141415;
    --color-gray-base-ultra-a85: rgba(20, 20, 21, 0.85);
    --color-gray-base-ultra-a0: rgba(20, 20, 21, 0);
    --color-gray-base-extra: #1a1a1b;
    --color-gray-base-extra-a85: rgba(26, 26, 27, 0.85);
    --color-gray-base-extra-a0: rgba(26, 26, 27, 0);
    --color-gray-base-dark: #222224;
    --color-gray-base-dark-a85: rgba(34, 34, 36, 0.85);
    --color-gray-base-dark-a0: rgba(34, 34, 36, 0);
    --color-gray-base-medium: #2b2b2d;
    --color-gray-base-medium-a80: rgba(43, 43, 45, 0.8);
    --color-gray-base-medium-a0: rgba(43, 43, 45, 0);
    --color-gray-base-normal: #48484a;
    --color-gray-base-regular: #555557;
    --color-rgb-base-yellow: #f5c400;
    --color-rgb-base-yellow-a60: rgba(245, 196, 0, 0.6);
    --color-rgb-base-yellow-a40: rgba(245, 196, 0, 0.4);
    --color-rgb-base-yellow-a20: rgba(245, 196, 0, 0.2);
    --color-rgb-base-yellow-a8: rgba(245, 196, 0, 0.08);
    --color-rgb-base-yellow-a0: rgba(245, 196, 0, 0);
    --color-rgb-base-orange: #ff6a00;
    --color-rgb-base-orange-a60: rgba(255, 106, 0, 0.6);
    --color-rgb-base-orange-a40: rgba(255, 106, 0, 0.4);
    --color-rgb-base-orange-a20: rgba(255, 106, 0, 0.2);
    --color-rgb-base-orange-a8: rgba(255, 106, 0, 0.08);
    --color-rgb-base-orange-a0: rgba(255, 106, 0, 0);
    --color-rgb-base-brown: #a85b3e;
    --color-rgb-base-brown-a60: rgba(168, 91, 62, 0.6);
    --color-rgb-base-brown-a40: rgba(168, 91, 62, 0.4);
    --color-rgb-base-brown-a20: rgba(168, 91, 62, 0.2);
    --color-rgb-base-brown-a8: rgba(168, 91, 62, 0.08);
    --color-rgb-base-brown-a0: rgba(168, 91, 62, 0);
    --color-rgb-base-pink: #fa4083;
    --color-rgb-base-pink-a60: rgba(250, 64, 131, 0.6);
    --color-rgb-base-pink-a40: rgba(250, 64, 131, 0.4);
    --color-rgb-base-pink-a20: rgba(250, 64, 131, 0.2);
    --color-rgb-base-pink-a8: rgba(250, 64, 131, 0.08);
    --color-rgb-base-pink-a0: rgba(250, 64, 131, 0);
    --color-rgb-base-purple: #732df5;
    --color-rgb-base-purple-a60: rgba(115, 45, 245, 0.6);
    --color-rgb-base-purple-a40: rgba(115, 45, 245, 0.4);
    --color-rgb-base-purple-a20: rgba(115, 45, 245, 0.2);
    --color-rgb-base-purple-a8: rgba(115, 45, 245, 0.08);
    --color-rgb-base-purple-a0: rgba(115, 45, 245, 0);
    --color-rgb-base-blue: #0077ff;
    --color-rgb-base-blue-a60: rgba(0, 119, 255, 0.6);
    --color-rgb-base-blue-a40: rgba(0, 119, 255, 0.4);
    --color-rgb-base-blue-a20: rgba(0, 119, 255, 0.2);
    --color-rgb-base-blue-a8: rgba(0, 119, 255, 0.08);
    --color-rgb-base-blue-a0: rgba(0, 119, 255, 0);
    --color-rgb-base-sky: #2cb1f2;
    --color-rgb-base-sky-a60: rgba(44, 177, 242, 0.6);
    --color-rgb-base-sky-a40: rgba(44, 177, 242, 0.4);
    --color-rgb-base-sky-a20: rgba(44, 177, 242, 0.2);
    --color-rgb-base-sky-a8: rgba(44, 177, 242, 0.08);
    --color-rgb-base-sky-a0: rgba(44, 177, 242, 0);
    --color-rgb-base-mint: #1adbb4;
    --color-rgb-base-mint-a60: rgba(26, 219, 180, 0.6);
    --color-rgb-base-mint-a40: rgba(26, 219, 180, 0.4);
    --color-rgb-base-mint-a20: rgba(26, 219, 180, 0.2);
    --color-rgb-base-mint-a8: rgba(26, 219, 180, 0.08);
    --color-rgb-base-mint-a0: rgba(26, 219, 180, 0);
    --color-rgb-base-teal: #008080;
    --color-rgb-base-teal-a60: rgba(0, 128, 128, 0.6);
    --color-rgb-base-teal-a40: rgba(0, 128, 128, 0.4);
    --color-rgb-base-teal-a20: rgba(0, 128, 128, 0.2);
    --color-rgb-base-teal-a8: rgba(0, 128, 128, 0.08);
    --color-rgb-base-teal-a0: rgba(0, 128, 128, 0);
    --color-rgb-base-green: #21a82e;
    --color-rgb-base-green-a60: rgba(33, 168, 46, 0.6);
    --color-rgb-base-green-a40: rgba(33, 168, 46, 0.4);
    --color-rgb-base-green-a20: rgba(33, 168, 46, 0.2);
    --color-rgb-base-green-a8: rgba(33, 168, 46, 0.08);
    --color-rgb-base-green-a0: rgba(33, 168, 46, 0);
}