:root {
  --color-bg: #0a0a0a;
  --color-surface: #141414;
  --color-accent: #3d7a6b;
  --color-text: #f3f5f4;
  --color-muted: #7b8b84;
  --color-border: #222;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;
  --spacing-3xl: 64px;

  --font-size-xs: 14px;
  --font-size-sm: 16px;
  --font-size-md: 18px;
  --font-size-lg: 24px;
  --font-size-xl: 32px;
  --font-size-2xl: 48px;

  /* Pico.css theme remap for Peterson & Associates brand */
  --pico-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pico-font-size: 100%;
  --pico-line-height: 1.6;
  --pico-border-radius: 14px;
  --pico-spacing: 1rem;
  --pico-background-color: var(--color-bg);
  --pico-color: var(--color-text);
  --pico-muted-color: var(--color-muted);
  --pico-primary: var(--color-accent);
  --pico-primary-background: var(--color-accent);
  --pico-primary-hover: #4f9382;
  --pico-primary-hover-background: #4f9382;
  --pico-primary-focus: rgb(61 122 107 / 30%);
  --pico-card-background-color: rgb(20 20 20 / 88%);
  --pico-card-border-color: var(--color-border);
  --pico-form-element-background-color: #111;
  --pico-form-element-border-color: var(--color-border);
}