/* PennyTree branding for CISO Assistant (injected by nginx; overrides the Skeleton "cisotheme" palette) */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");
[data-theme=cisotheme] {
  --color-primary-50:  oklch(97.5% .030 148);
  --color-primary-100: oklch(94.5% .060 148);
  --color-primary-200: oklch(89.5% .100 148);
  --color-primary-300: oklch(83.5% .150 148);
  --color-primary-400: oklch(77.5% .180 148);
  --color-primary-500: oklch(70.5% .190 148);
  --color-primary-600: oklch(61.5% .170 148);
  --color-primary-700: oklch(52.5% .140 148);
  --color-primary-800: oklch(43.5% .110 148);
  --color-primary-900: oklch(35.0% .080 148);
  --color-primary-950: oklch(24.0% .050 148);
  --color-primary-contrast-dark: oklch(16% .02 260);
  --color-primary-contrast-500: var(--color-primary-contrast-dark);
  --color-primary-contrast-400: var(--color-primary-contrast-dark);
  --typo-base--font-family: "Outfit", ui-sans-serif, system-ui, sans-serif;
  --typo-heading--font-family: "Outfit", ui-sans-serif, system-ui, sans-serif;
  --typo-heading--font-weight: 600;
}
html, body { font-family: "Outfit", ui-sans-serif, system-ui, sans-serif; }
/* PennyTree mark in the bottom-left corner as a quiet brand cue on every page */
body::after {
  content: ""; position: fixed; left: 14px; bottom: 12px; width: 22px; height: 26px; opacity: .85;
  background: url("/pt-brand/pennytree-mark.svg") center / contain no-repeat; pointer-events: none; z-index: 60;
}