/* Proposed measured values for the staging build, not a replacement for the approved mockups. */
:root {
  --dd-bg: #f7faf6;
  --dd-surface: #ffffff;
  --dd-ink: #0c2020;
  --dd-muted: #59666b;
  --dd-accent: #207850;
  --dd-accent-hover: #185f40;
  --dd-accent-active: #134b33;
  --dd-tint: #e8f3ed;
  --dd-tint-strong: #dcece4;
  --dd-border: #dce5df;
  --dd-field-border: #82988d;
  --dd-error: #a33131;
  --dd-focus: #145d45;
  --dd-font: "Inter", Arial, sans-serif;
  --dd-weight-body: 400;
  --dd-weight-medium: 500;
  --dd-weight-button: 600;
  --dd-weight-heading: 750;
  --dd-width: 1200px;
  --dd-sidebar: 300px;
  --dd-gutter: 16px;
  --dd-grid-gap: 16px;
  --dd-section-gap: 32px;
  --dd-radius-sm: 8px;
  --dd-radius: 12px;
  --dd-radius-lg: 16px;
  --dd-touch: 44px;
  --dd-space-1: 4px;
  --dd-space-2: 8px;
  --dd-space-3: 12px;
  --dd-space-4: 16px;
  --dd-space-5: 20px;
  --dd-space-6: 24px;
  --dd-space-8: 32px;
  --dd-space-10: 40px;
  --dd-space-12: 48px;
  --dd-z-header: 20;
  --dd-z-suggest: 30;
  --dd-z-menu: 100;
}
@media (min-width: 768px) {
  :root { --dd-gutter: 24px; --dd-grid-gap: 20px; --dd-section-gap: 40px; }
}
@media (min-width: 1100px) {
  :root { --dd-gutter: 32px; --dd-grid-gap: 24px; --dd-section-gap: 48px; }
}