// Custom variables for Slate theming
// Override Slate defaults to match project branding

// Colors - dark theme
$nav-bg: #1e1e2e !default;
$nav-text: #cdd6f4 !default;
$nav-active-bg: #313244 !default;
$nav-active-text: #f5c2e7 !default;
$nav-hover-bg: #45475a !default;

$content-bg: #1e1e2e !default;
$content-text: #cdd6f4 !default;
$code-bg: #181825 !default;
$code-text: #cdd6f4 !default;

$border-color: #45475a !default;

// Code highlighting (catppuccin-mocha inspired)
$code-annotation-bg: #313244 !default;
$code-annotation-text: #a6adc8 !default;

// Fonts
$font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !default;
$code-font-family: "SF Mono", Consolas, Monaco, "Andale Mono", monospace !default;

// Sizes
$nav-width: 230px !default;
$max-content-width: 800px !default;

// Language tabs
$lang-select-bg: #11111b !default;
$lang-select-text: #cdd6f4 !default;
$lang-select-active-bg: #313244 !default;
$lang-select-active-text: #f5c2e7 !default;
