:root {
    --primary-color: #246D8F;
    --primary-hover: #08698F;
    --white-color: #FFFFFF;
    --bg-color: #F5F7FA;
    --text-dark: #1E293B;
    --text-light: #64748B;
    --border-color: #DCE3EA;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.08);
    --transition: all 0.3s ease;
    --success-color: #16A34A;
    --success-hover: #15803D;
    --wallet-color: #54C4B5;
    --wallet-hover: #40ADA7;
    --table-head-bg: #F8FAFC;
    --copy-btn-color: #8EB4C8;
    --amount-border: #A9CCE3;
    --info-box-bg: #EEF7FD;
    --selection-color: #0D6EFD;
    --selection-bg: #F5F9FF;
    --wallet-widget-bg: #F8FBFC;
    --warning-color: #3b3b3b;
    --orange-color: #F2A33A;
    --divider-color: #E9EDF2;
    --progress-track: #E5EEF6;
    --danger-color: #EF4444;
    --success-bg: #EAFBF0;
    --warning-bg: #fdeec9;
    --danger-bg: #FFE8E8;
    --input-bg: #F3F3F3;
    --input-text: #555555;
    --input-placeholder: #888888;

}

body.dark-mode {
    --white-color: #1E293B;
    --bg-color: #182234;
    --text-dark: #F8FAFC;
    --text-light: #CBD5E1;
    --border-color: #334155;
    --table-head-bg: #2D3A4F;
    --copy-btn-color: #5D7C94;
    --amount-border: #45637A;
    --info-box-bg: #1E3A4C;
    --selection-color: #60A5FA;
    --selection-bg: #1E3A5F;
    --wallet-widget-bg: #243244;
    --warning-color: #FBBF24;
    --divider-color: #334155;
    --progress-track: #334155;
    --success-bg: #153A2B;
    --warning-bg: #493816;
    --danger-bg: #4A2025;
    --input-bg: #2A364A;
    --input-text: #F8FAFC;
    --input-placeholder: #94A3B8;
}