1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
$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;
|
