// _variables.scss

// Fonts
$font-monospace: "BlexMono Nerd Font Mono, monospace";
$font-sans: "Tabac Sans, sans";
$font-sans-serif: "Playfair Display, sans-serif";

// Backgrounds
$bg-base: #17110f;
$bg-surface: #1d1c1af0;
$bg-surface-hover: #1d1c1a;

// Accent colors
$accent-primary: #458588;
$accent-primary-light: #7daea3;
$accent-gradient: linear-gradient(135deg, $accent-primary, $accent-primary-light);

// Text
$text-primary: #ffedd5;
$text-secondary: rgba(255, 244, 219, 0.8);
$text-muted: rgba(255, 255, 255, 0.6);

// Borders
$border-default: rgba(255, 255, 255, 0.1);
$border-accent: rgba($accent-primary, 0.3);

// Shadows
$shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.3);
$shadow-md: 0 2px 12px rgba($accent-primary, 0.4);

// Transitions
$transition-default: all 0.2s ease;
$transition-fast: all 0.15s ease;