:root {
  /* One material-led palette for every public template and component. */
  --dc-tone-graphite: #16242c;
  --dc-tone-bluegray: #2c414d;
  --dc-tone-silver: #dce3e7;
  --dc-tone-surface: #edf1f3;
  --dc-tone-metal: #b49471;
  --dc-tone-white: #ffffff;
  --dc-tone-muted: #53646e;
  --dc-tone-line: #b9c7cf;
  --dc-tone-light-muted: #dce3e7;
  --dc-tone-accent-ink: #705338;
  --dc-tone-focus: #236c91;
  --dc-color-ink: var(--dc-tone-graphite);
  --dc-color-green: var(--dc-tone-bluegray);
  --dc-color-paper: var(--dc-tone-silver);
  --dc-color-surface: var(--dc-tone-surface);
  --dc-color-muted: var(--dc-tone-muted);
  --dc-color-line: var(--dc-tone-line);
  --dc-color-accent: var(--dc-tone-metal);
  --dc-color-focus: var(--dc-tone-focus);
  --dc-font-display: "Sora", "Segoe UI", Arial, sans-serif;
  --dc-font-body: "Inter", "Segoe UI", Arial, sans-serif;
  --dc-space-1: 0.25rem;
  --dc-space-2: 0.5rem;
  --dc-space-3: 0.75rem;
  --dc-space-4: 1rem;
  --dc-space-5: 1.5rem;
  --dc-space-6: 2rem;
  --dc-space-7: 3rem;
  --dc-space-8: 4.5rem;
  --dc-space-9: 6rem;
  --dc-radius-sm: 0.125rem;
  --dc-radius-md: 0.375rem;
  --dc-shadow-soft: 0 1rem 3rem rgba(13, 26, 38, 0.1);
  --dc-container: 74rem;
}