:root {
  /* Core Base Custom Properties */
  color-scheme: light dark;
  --primary: light-dark(#e2e2e2, #1d1d1d);
  --radius: 5px;
  --radius-xs: 3px;
  --max-width-body: 1000px;
  --background: light-dark(#fefefe, #121212);
  --font-size: 18px;
  --border: light-dark(#e2e2e2, #303030);
  --links: light-dark(#840023, #ff1755);
  --padding-md: 1.2rem;
  --code: light-dark(#158002, #ff1755);
  --padding-sm: 0.5rem;
  --background-alt: light-dark(#f0f0f0, #1a1a1a);
  --text: light-dark(#1b1b1b, #e9e9e9);
  --text-muted: light-dark(#1b1b1bb9, #e9e9e9cf);

  /* Namespaced Tokens linked to Base Properties for Unified Theming */
  --ee-color-text: var(--text);
  --ee-color-text-strong: light-dark(#000000, #ffffff);
  --ee-color-muted: var(--text-muted);
  --ee-color-surface: transparent;
  --ee-color-surface-alt: var(--background-alt);
  --ee-color-border: var(--border);
  --ee-color-accent: var(--links);
  --ee-color-accent-contrast: #ffffff;
  --ee-color-success: #2e7d32;
  --ee-color-danger: #b00020;

  --ee-radius-xs: var(--radius-xs);
  --ee-radius-sm: 4px;
  --ee-radius-md: var(--radius);

  --ee-space-2: var(--padding-sm);
  --ee-space-4: var(--padding-md);

  --ee-font-size-xs: 0.8rem;
  --ee-font-size-sm: 0.9rem;
  --ee-font-size-md: 1.1rem;

  --ee-transition-fast: 0.1s;
}