/* Vault UI CSS Variables */
:root {
    --vault-primary: #1a73e8;
    --vault-primary-hover: #1557b0;
    --vault-secondary: #5f6368;
    --vault-success: #34a853;
    --vault-danger: #ea4335;
    --vault-warning: #fbbc04;

    --vault-bg-dark: #1e1e1e;
    --vault-bg-light: #ffffff;
    --vault-bg-card: #2d2d2d;

    --vault-text-primary: #e8eaed;
    --vault-text-secondary: #9aa0a6;
    --vault-text-dark: #202124;

    --vault-border-color: #3c4043;
    --vault-border-radius: 8px;

    --vault-input-bg: #303134;
    --vault-input-border: #5f6368;
    --vault-input-focus: #8ab4f8;

    --vault-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    --vault-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);

    --vault-transition: 0.2s ease-in-out;
}

body.light {
    --vault-bg-dark: #f8f9fa;
    --vault-bg-card: #ffffff;
    --vault-text-primary: #202124;
    --vault-text-secondary: #5f6368;
    --vault-border-color: #dadce0;
    --vault-input-bg: #ffffff;
    --vault-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    --vault-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.15);
}