60 lines
1.7 KiB
CSS
60 lines
1.7 KiB
CSS
/* FDSA Design System — Base Variables
|
|
Only CSS custom properties and font imports.
|
|
Page-level styling is in Layout.vue (content pages) and LandingLayout.vue (landing page). */
|
|
|
|
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700;9..40,800&family=DM+Mono:wght@400;500&display=swap');
|
|
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0,0&display=swap');
|
|
|
|
:root {
|
|
--vp-c-bg: #0a0a0a;
|
|
--vp-c-bg-soft: #111;
|
|
--vp-c-bg-mute: #181818;
|
|
--vp-c-bg-alt: #080808;
|
|
--vp-c-bg-elv: #141414;
|
|
--vp-c-divider: #1a1a1a;
|
|
--vp-c-border: #222;
|
|
--vp-c-gutter: #141414;
|
|
--vp-c-text-1: #e8e8e8;
|
|
--vp-c-text-2: #888;
|
|
--vp-c-text-3: #555;
|
|
--vp-c-brand-1: #d95c41;
|
|
--vp-c-brand-2: #e87d2f;
|
|
--vp-c-brand-3: #b8432a;
|
|
--vp-c-brand-soft: rgba(217, 92, 65, 0.08);
|
|
--vp-font-family-base: 'DM Sans', ui-sans-serif, sans-serif;
|
|
--vp-font-family-mono: 'DM Mono', ui-monospace, monospace;
|
|
}
|
|
|
|
/* Light mode toggle */
|
|
:root:not(.dark) {
|
|
--vp-c-bg: #f8f8f5;
|
|
--vp-c-bg-soft: #fff;
|
|
--vp-c-bg-mute: #efeee9;
|
|
--vp-c-bg-alt: #f0efea;
|
|
--vp-c-bg-elv: #fff;
|
|
--vp-c-divider: #dddcd5;
|
|
--vp-c-border: #d0cfc8;
|
|
--vp-c-text-1: #1a1a1a;
|
|
--vp-c-text-2: #555;
|
|
--vp-c-text-3: #888;
|
|
--vp-c-brand-1: #c44a30;
|
|
--vp-c-brand-2: #d95c41;
|
|
}
|
|
|
|
/* Material Icons global */
|
|
.material-symbols-outlined {
|
|
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
|
|
display: inline-block;
|
|
line-height: 1;
|
|
}
|
|
|
|
body {
|
|
font-family: var(--vp-font-family-base);
|
|
font-weight: 400;
|
|
-webkit-font-smoothing: antialiased;
|
|
background: var(--vp-c-bg);
|
|
color: var(--vp-c-text-1);
|
|
}
|
|
|
|
::selection { background: var(--vp-c-brand-1); color: #fff; }
|