:root {
  --app-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-fluid-2xs: clamp(0.6rem, 0.7vw, 0.7rem);
  --text-fluid-xs: clamp(0.7rem, 0.8vw, 0.8rem);
  --text-fluid-sm: clamp(0.8rem, 0.9vw, 0.9rem);

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 600;

  --color-bg: #0b0b0b;
  --color-surface: #111111;
  --color-surface-soft: #151515;
  --color-border: #242424;
  --color-border-soft: #1c1c1c;
  --color-text: #eeeeee;
  --color-text-soft: #9b9b9b;
  --color-text-muted: #666666;

  --space-1: clamp(0.125rem, 0.2vw, 0.25rem);
  --space-2: clamp(0.25rem, 0.35vw, 0.375rem);
  --space-3: clamp(0.375rem, 0.5vw, 0.5rem);
  --space-4: clamp(0.5rem, 0.7vw, 0.75rem);
  --space-5: clamp(0.75rem, 1vw, 1rem);
  --space-6: clamp(1rem, 1.2vw, 1.25rem);

  --sidebar-width: clamp(13rem, 18vw, 16rem);
  --header-height: clamp(2.75rem, 4vw, 3.25rem);
  --footer-height: clamp(2.75rem, 4vw, 3.25rem);

  --radius-sm: 0.375rem;
  --radius-md: 0.625rem;

  --line: 1px solid var(--color-border);

  --scrollbar-size: 4px;
}