$font_default: 'Inter', sans-serif;
$default_border_radius: 4px;

$white: var(--color-neutral-50, #fff);
$light: var(--color-neutral-100, #f8f7fc);
$black: var(--color-neutral-900, #000);

$accent: var(--color-accent, #111827);
$accentDark: var(--color-accent-dark, #242c38);
$accentLight: var(--color-accent-light, #465267);
$accentDisabled: var(--color-accent-disabled, #826fa2);
$accentSmooth: var(--color-accent-smooth, #656bd1);
$accentNeon: var(--color-accent-neon, #F200FF);
$contrast: var(--color-contrast, #FFC107);
$error: var(--color-error, #f13838);

$background: var(--color-background);
$background-secondary: var(--color-background-secondary);
$background-elevated: var(--color-background-elevated);

$text-primary: var(--color-text-primary);
$text-secondary: var(--color-text-secondary);
$text-tertiary: var(--color-text-tertiary);
$text-accent: var(--color-text-accent);
$text-inverse: var(--color-text-inverse);

$border: var(--color-border);
$border-hover: var(--color-border-hover);
$divider: var(--color-divider);

$surface: var(--color-surface);
$surface-hover: var(--color-surface-hover);
$surface-active: var(--color-surface-active);

$success: var(--color-success, #10b981);
$warning: var(--color-warning, #f59e0b);
$info: var(--color-info, #3b82f6);

$success-bg: var(--color-success-bg, #d1fae5);
$warning-bg: var(--color-warning-bg, #fef3c7);
$info-bg: var(--color-info-bg, #dbeafe);
$error-bg: var(--color-error-bg, #fee2e2);

$accent-hover: var(--color-accent-hover);
$accent-active: var(--color-accent-active);