:root {
    /* Primary Colors */
    --color-primary: #1F5770;
    --color-primary-hover: #2a6d8a;
    --color-primary-light: rgba(31, 87, 112, 0.1);
    --color-accent: #357482;
    --color-accent-hover: #1F5770;
    --color-bg: #F9F9F9;
    --color-surface: #ffffff;
    --color-border: #D4DEE8;
    --color-text: #40474F;
    --color-text-secondary: #5a6370;
    --color-text-label: #40474F;
    --color-row-hover: rgba(212, 222, 232, 0.3);
    --color-text-inverse: #ffffff;
    --color-divider: #D4DEE8;
    --color-muted: #616a76;
    --color-card: #ffffff;
    --color-widget-bg: rgba(212, 222, 232, 0.25);
    --color-widget-text: #40474F;
    --color-toggle: #357482;
    --color-overlay: rgba(31, 87, 112, 0.4);

    /* Secondary - Success / Buttons */
    --color-success: #2e8540;
    --color-success-hover: #267035;
    --color-success-bg: rgba(109, 208, 126, 0.12);
    --color-success-border: rgba(109, 208, 126, 0.4);

    /* Secondary - Danger */
    --color-danger: #c44840;
    --color-danger-hover: #b03e37;
    --color-danger-bg: rgba(234, 123, 117, 0.25);
    --color-danger-border: rgba(234, 123, 117, 0.35);

    /* Tertiary - Warning */
    --color-warning-bg: rgba(250, 255, 148, 0.25);
    --color-warning-border: #FAFF94;
    --color-warning-text: #6b6200;

    /* Tertiary - Hold */
    --color-hold-bg: rgba(255, 179, 128, 0.15);
    --color-hold-border: #FFB380;
    --color-hold-text: #8a4a1c;

    /* Disabled */
    --color-disabled-bg: #D4DEE8;
    --color-disabled-text: #4d5763;

    /* Password validation */
    --color-pw-pass: #2e8540;
    --color-pw-fail: #c44840;
    --color-text-light: #616a76;

    /* Bank name display */
    --color-bank-known-bg: rgba(109, 208, 126, 0.15);
    --color-bank-known-text: #2d7a3a;
    --color-bank-unknown-bg: rgba(234, 123, 117, 0.15);
    --color-bank-unknown-text: #a1403a;

    /* Shadows - tinted with primary */
    --shadow-sm: 0 1px 2px rgba(31, 87, 112, 0.06);
    --shadow-md: 0 4px 6px -1px rgba(31, 87, 112, 0.08), 0 2px 4px -2px rgba(31, 87, 112, 0.05);
    --shadow-lg: 0 10px 15px -3px rgba(31, 87, 112, 0.1), 0 4px 6px -4px rgba(31, 87, 112, 0.06);
    --shadow-accent: 0 2px 8px rgba(53, 116, 130, 0.2);
}