// AutumnNote — SCSS variables
// Inspired by Summernote's variables

// Colors
$an-primary:        #3b82f6 !default;   // blue-500
$an-primary-hover:  #2563eb !default;   // blue-600
$an-border:         #d1d5db !default;   // gray-300
$an-bg:             #ffffff !default;
$an-bg-toolbar:     #f9fafb !default;   // gray-50
$an-bg-btn-hover:   #f3f4f6 !default;   // gray-100
$an-bg-btn-active:  #dbeafe !default;   // blue-100
$an-text:           #111827 !default;   // gray-900
$an-muted:          #6b7280 !default;   // gray-500
$an-statusbar-bg:   #f9fafb !default;

// Dark theme color overrides  (applied via .an-theme-dark on .an-container)
$an-dark-bg:             #1e1e2e !default;
$an-dark-bg-toolbar:     #181825 !default;
$an-dark-bg-btn-hover:   #313244 !default;
$an-dark-bg-btn-active:  #1e3a5f !default;
$an-dark-border:         #45475a !default;
$an-dark-text:           #cdd6f4 !default;
$an-dark-muted:          #6c7086 !default;
$an-dark-statusbar-bg:   #181825 !default;

// Fonts
$an-font-family:    system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif !default;
$an-font-size:      14px !default;
$an-line-height:    1.6 !default;

// Sizing
$an-radius:         6px !default;
$an-radius-sm:      4px !default;
$an-btn-height:     30px !default;
$an-btn-padding:    0 8px !default;
$an-toolbar-gap:    4px !default;
$an-toolbar-pad:    6px 8px !default;
$an-editable-pad:   12px 14px !default;
$an-statusbar-h:    24px !default;

// Dialog
$an-dialog-z:       9999 !default;
$an-dialog-bg:      rgba(0, 0, 0, 0.45) !default;
$an-dialog-width:   420px !default;
$an-dialog-radius:  8px !default;

// Transitions
$an-transition:     0.15s ease !default;
