:root {
  /* Brand Color Palette */
  --dm-color-primary: #C86D51;
  --dm-color-primary-hover: #B25C42;
  --dm-color-primary-pressed: #9E4A32;
  --dm-color-primary-light: #FBF0EC;
  --dm-color-primary-soft: #F6EBE6;

  --dm-color-secondary: #0E362E;
  --dm-color-secondary-hover: #08241F;
  --dm-color-secondary-pressed: #04120F;
  --dm-color-secondary-light: #F4F8F6;

  --dm-color-dark-teal: #0E362E;
  --dm-color-footer-bg: #0E362E;

  --dm-color-text: #1A2E2B;
  --dm-color-text-secondary: #4A5552;
  --dm-color-text-muted: #6B7774;
  --dm-color-text-light: #FFFFFF;

  --dm-color-white: #FFFFFF;
  --dm-color-app-bg: #FFFFFF;
  --dm-color-surface-soft: #F4F8F6;
  --dm-color-quote-bg: #FBF0EC;

  --dm-color-border: #E1ECE8;
  --dm-color-border-strong: #C4D9D2;
  --dm-color-focus: rgba(200, 109, 81, 0.35);

  /* Layout Dimensions */
  --dm-width-app: 1680px;
  --dm-width-public: 1240px;
  --dm-width-content: 1040px;
  --dm-width-reading: 760px;
  --dm-width-form: 860px;
  --dm-width-form-narrow: 560px;
  --dm-sidebar-width: 260px;

  /* Border Radii */
  --dm-radius-small: 8px;
  --dm-radius-control: 12px;
  --dm-radius-card: 20px;
  --dm-radius-large: 24px;
  --dm-radius-pill: 9999px;

  /* Shadows */
  --dm-shadow-sm: 0 1px 3px rgba(20, 24, 24, 0.05);
  --dm-shadow-md: 0 4px 16px rgba(20, 24, 24, 0.06);
  --dm-shadow-lg: 0 12px 32px rgba(20, 24, 24, 0.09);
  --dm-shadow-floating: 0 16px 40px rgba(0, 0, 0, 0.12);

  /* Typography Families */
  --dm-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --dm-font-serif: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --dm-font-handwriting: 'Caveat', 'Dancing Script', 'Brush Script MT', cursive;

  /* Spacing Scale */
  --dm-space-1: 4px;
  --dm-space-2: 8px;
  --dm-space-3: 12px;
  --dm-space-4: 16px;
  --dm-space-5: 20px;
  --dm-space-6: 24px;
  --dm-space-7: 32px;
  --dm-space-8: 40px;
  --dm-space-9: 48px;
  --dm-space-10: 64px;
  --dm-space-11: 80px;
  --dm-space-12: 96px;
}