:root {
  --font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --color-page: #d7dce0;
  --color-canvas: #f5f4ef;
  --color-panel: rgba(255, 255, 255, 0.72);
  --color-panel-solid: #ffffff;
  --color-panel-soft: rgba(255, 255, 255, 0.5);
  --color-border: rgba(20, 24, 22, 0.1);

  --color-text: #171817;
  --color-muted: #777f7a;
  --color-faint: #a5aba7;

  --color-primary: #242424;
  --color-accent: #ffd95a;
  --color-accent-soft: #fff3bd;
  --color-green: #0f6a3d;
  --color-green-soft: #e8f2ec;

  --radius-xs: clamp(0.3rem, 0.4vw, 0.42rem);
  --radius-sm: clamp(0.45rem, 0.55vw, 0.6rem);
  --radius-md: clamp(0.7rem, 0.9vw, 0.95rem);
  --radius-lg: clamp(1rem, 1.25vw, 1.35rem);

  --space-1: clamp(0.25rem, 0.3vw, 0.35rem);
  --space-2: clamp(0.45rem, 0.55vw, 0.65rem);
  --space-3: clamp(0.65rem, 0.8vw, 0.9rem);
  --space-4: clamp(0.85rem, 1vw, 1.1rem);
  --space-5: clamp(1.05rem, 1.35vw, 1.45rem);
  --space-6: clamp(1.35rem, 1.75vw, 1.9rem);
  --space-7: clamp(1.75rem, 2.4vw, 2.6rem);

  --text-fluid-xs: clamp(0.72rem, 0.78vw, 0.8rem);
  --text-fluid-sm: clamp(0.82rem, 0.9vw, 0.92rem);
  --text-fluid-md: clamp(0.92rem, 1vw, 1rem);
  --text-fluid-lg: clamp(1.15rem, 1.45vw, 1.45rem);
  --text-fluid-xl: clamp(1.8rem, 3vw, 3rem);

  --topbar-height: clamp(3.9rem, 5vw, 4.8rem);
}