:root {
  --color-black: #000000;
  --color-white: #ffffff;
  --color-text: #2f2f2f;
  --color-text-soft: #6f6f6f;
  --color-border: #dddddd;
  --color-surface: #f7f7f7;
  --color-surface-dark: #2f2f2f;
  --color-accent: #f39200;
  --color-accent-hover: #d97f00;
  --color-muted-bar: #4a4a4a;
  --color-muted-bar-hover: #e7e7e7;
  --color-success: #3f7f53;
  --color-veci-green: rgb(103, 181, 0);
  --color-veci-green-soft: rgba(103, 181, 0, 0.18);
  --color-veci-green-softest: rgba(103, 181, 0, 0.12);
  --font-base: "Asap", Arial, Helvetica, sans-serif;
  --font-accent-script: "Covered By Your Grace", cursive;
  --container-max: 1170px;
  --space-1: 0rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 2.5rem;
  --space-8: 3rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.08);
}