$titleFontStack: "Archivo", "Inter", "Segoe UI", "Tahoma", "Geneva", "Verdana", sans-serif;
$mainFontStack: "Ubuntu", "Inter", sans-serif;
$monoFontStack: "Consolas", "Monaco", "Lucida Console", monospace;

$accent: hsl(210, 100%, 45%); // Classic blue
$accentLight: hsl(210, 100%, 70%);
$accentDark: hsl(210, 100%, 25%);
$secondary: hsl(35, 100%, 50%); // Glossy orange for highlights
$dark: hsl(210, 15%, 10%);

$background: hsl(0, 0%, 94%);
$backgroundDarker: hsl(0, 0%, 90%);
$light: white;
$lightAlt: hsl(0, 0%, 95%);

$noteBackground: #fffbcc;
$noteText: #5a5a22;

$warningBackground: #ffe6e6;
$warningText: #cc0000;

$shadow: 0 4px 12px rgba(0, 0, 0, 0.15);

// Web 2.0/Skeuomorphic effects
$glassBackground: rgba(255, 255, 255, 0.75);
$bevelShadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 2px 5px rgba(0, 0, 0, 0.2);
$floatingRadius: 0.5rem;

$breakpointTablet: 480px;
$breakpointDesktop: 1024px;