/* No-Code Dan brand tokens. Color channels are HSL; use hsl(var(--ncd-primary)). */
:root {
  --ncd-cyan: 190 100% 50%;
  --ncd-blue: 222 75% 35%;
  --ncd-black: 0 0% 0%;
  --ncd-white: 0 0% 100%;
  --ncd-font: "Inter", sans-serif;
  --ncd-label-font: ui-monospace, SFMono-Regular, monospace;
  --space-1: 8px;
  --space-2: 13px;
  --space-3: 21px;
  --space-4: 34px;
  --space-5: 55px;
  --space-6: 89px;
  --site-content-width: 80rem;
  --page-gutter: var(--space-2);
  --grid-gutter: var(--space-2);
  --section-gap: var(--space-4);
  --panel-padding: var(--space-3);
  --section-radius: 24px;
  --card-radius: 16px;
  --section-heading-size: clamp(1.875rem, 3vw, 2.5rem);
  --ncd-duration-quick: 200ms;
  --ncd-duration-standard: 300ms;
  --ncd-duration-editorial: 800ms;
  --ncd-ease: cubic-bezier(0.33, 1, 0.68, 1);
}
.ncd-theme-dark {
  --ncd-background: 0 0% 0%;
  --ncd-foreground: 210 40% 98%;
  --ncd-primary: var(--ncd-cyan);
}
.ncd-theme-light {
  --ncd-background: 0 0% 100%;
  --ncd-foreground: 220 26% 14%;
  --ncd-primary: var(--ncd-blue);
}
@media (min-width: 640px) {
  :root { --page-gutter: var(--space-3); }
}
@media (min-width: 768px) {
  :root { --grid-gutter: var(--space-3); --section-gap: var(--space-5); --panel-padding: var(--space-4); }
}
@media (min-width: 1024px) {
  :root { --page-gutter: var(--space-4); }
}
@media (min-width: 1280px) {
  :root { --panel-padding: var(--space-5); }
}
@media (prefers-reduced-motion: reduce) {
  :root { --ncd-duration-quick: 0ms; --ncd-duration-standard: 0ms; --ncd-duration-editorial: 0ms; }
}