:root{
  color-scheme:light;
  --d-color-brand-primary:#04563a;
  --d-color-brand-secondary:#0b6a4b;
  --d-color-brand-soft:#dcebe4;
  --d-color-surface-canvas:#fcfaf5;
  --d-color-surface-paper:#ffffff;
  --d-color-surface-subtle:#f3f7f4;
  --d-color-surface-cream:#f3ead7;
  --d-color-surface-cream-soft:#fffaf0;
  --d-color-text-primary:#18352c;
  --d-color-text-secondary:#66766f;
  --d-color-text-disabled:#89958f;
  --d-color-text-inverse:#ffffff;
  --d-color-border-default:#e5ece8;
  --d-color-border-strong:#b9cbc2;
  --d-color-border-focus:#167451;
  --d-color-state-success:#18784f;
  --d-color-state-warning:#966514;
  --d-color-state-danger:#a33b35;
  --d-color-state-info:#176d8f;
  --d-space-1:4px;
  --d-space-2:8px;
  --d-space-3:12px;
  --d-space-4:16px;
  --d-space-5:24px;
  --d-space-6:32px;
  --d-space-7:48px;
  --d-space-8:64px;
  --d-radius-xs:8px;
  --d-radius-sm:12px;
  --d-radius-md:16px;
  --d-radius-lg:24px;
  --d-shadow-sm:0 4px 14px rgba(18,65,48,.07);
  --d-shadow-md:0 18px 45px rgba(18,65,48,.10);
  --d-layer-header:40;
  --d-layer-sidebar:80;
  --d-layer-sticky:90;
  --d-layer-drawer:120;
  --d-layer-toast:140;
  --d-motion-fast:160ms;
  --d-motion-normal:220ms;
  --d-control-min-size:44px;
  --d-content-readable:760px;
  --d-shell-max:1240px;

  /* Backward-compatible aliases used by current module surfaces. */
  --d-green:var(--d-color-brand-primary);
  --d-green-2:var(--d-color-brand-secondary);
  --d-green-3:var(--d-color-brand-soft);
  --d-cream:var(--d-color-surface-cream);
  --d-cream-2:var(--d-color-surface-cream-soft);
  --d-paper:var(--d-color-surface-paper);
  --d-text:var(--d-color-text-primary);
  --d-muted:var(--d-color-text-secondary);
  --d-line:var(--d-color-border-default);
  --d-success:var(--d-color-state-success);
  --d-warning:var(--d-color-state-warning);
  --d-danger:var(--d-color-state-danger);
  --d-info:var(--d-color-state-info);
  --d-shadow:var(--d-shadow-md);
  --d-radius:var(--d-radius-lg);
  --d-shell:var(--d-shell-max);
}

*:focus-visible{
  outline:3px solid color-mix(in srgb,var(--d-color-border-focus) 36%,transparent);
  outline-offset:3px;
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}
