:root {
  --dr-graphite-950: #0d0f12;
  --dr-graphite-900: #111317;
  --dr-graphite-850: #161a20;
  --dr-graphite-800: #1a1e24;
  --dr-graphite-700: #242a32;
  --dr-text: #161a20;
  --dr-muted: #5b6470;
  --dr-light-text: #e9eef5;
  --dr-bg: #f5f7f9;
  --dr-surface: #ffffff;
  --dr-border: #dde2e8;
  --dr-border-dark: rgba(233, 238, 245, 0.14);
  --dr-accent: #326fe5;
  --dr-accent-hover: #245fcf;
  --dr-accent-soft: #e9f0ff;
  --dr-success: #2f8067;
  --dr-warning: #b7791f;
  --dr-danger: #b33a3a;
  --dr-font-sans: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --dr-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --dr-radius-sm: 10px;
  --dr-radius-md: 14px;
  --dr-radius-lg: 18px;
  --dr-radius-xl: 24px;
  --dr-shadow-sm: 0 8px 24px rgba(17, 19, 23, 0.06);
  --dr-shadow-md: 0 18px 50px rgba(17, 19, 23, 0.10);
  --dr-shadow-dark: 0 18px 55px rgba(0, 0, 0, 0.22);
  --dr-container: 1180px;
  --dr-container-wide: 1320px;
  --dr-content: 820px;
  --dr-section-space: clamp(64px, 8vw, 112px);
  --dr-header-height: 76px;

  /* Blocksy-compatible global variables. */
  --theme-container-width: var(--dr-container);
  --theme-normal-container-max-width: var(--dr-container);
  --theme-wide-container-max-width: var(--dr-container-wide);
  --theme-content-vertical-spacing: 64px;
  --theme-palette-color-1: var(--dr-accent);
  --theme-palette-color-2: var(--dr-accent-hover);
  --theme-palette-color-3: var(--dr-success);
  --theme-palette-color-4: var(--dr-graphite-900);
  --theme-palette-color-5: var(--dr-muted);
  --theme-palette-color-6: var(--dr-border);
  --theme-palette-color-7: var(--dr-bg);
  --theme-palette-color-8: var(--dr-surface);
}