/* 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; }
