@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

:root {
    --background-light: #f3f4f6;
    --background-dark: #121212;
    --card-light: #ffffff;
    --card-dark: #1e1e1e;
    --text-light: #1f2937;
    --text-dark: #e5e7eb;
    --subtext-light: #6b7280;
    --subtext-dark: #9ca3af;
    --border-light: #e5e7eb;
    --border-dark: #374151;
    --primary: #3b82f6;
}

.bg-background-light { background-color: var(--background-light); }
.bg-background-dark { background-color: var(--background-dark); }
.text-text-light { color: var(--text-light); }
.text-text-dark { color: var(--text-dark); }
.bg-card-light { background-color: var(--card-light); }
.bg-card-dark { background-color: var(--card-dark); }
.border-border-light { border-color: var(--border-light); }
.border-border-dark { border-color: var(--border-dark); }
.text-subtext-light { color: var(--subtext-light); }
.text-subtext-dark { color: var(--subtext-dark); }
.text-primary { color: var(--primary); }
.bg-primary { background-color: var(--primary); }
.hover\:bg-primary\/90:hover { background-color: rgba(59, 130, 246, 0.9); }
.bg-primary\/10 { background-color: rgba(59, 130, 246, 0.1); }
.dark .bg-primary\/20 { background-color: rgba(59, 130, 246, 0.2); }
.focus\:ring-primary:focus { --tw-ring-color: var(--primary); }

.balance-card {
    background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);
}

[class*="material-icons"] {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}