:root {
  --font-family: 'Inter', 'InterVariable', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  --font-size-xs:   0.75rem;    /* 12px */
  --font-size-sm:   0.8125rem;  /* 13px */
  --font-size-base: 0.875rem;   /* 14px */
  --font-size-md:   0.9375rem;  /* 15px */
  --font-size-lg:   1rem;       /* 16px */
  --font-size-xl:   1.0625rem;  /* 17px */
  --font-size-2xl:  1.25rem;    /* 20px */
  --font-size-3xl:  1.5rem;     /* 24px */
  --font-size-4xl:  1.875rem;   /* 30px */

  --font-weight-regular:   400;
  --font-weight-medium:    500;
  --font-weight-semibold:  600;
  --font-weight-bold:      700;
  --font-weight-extrabold: 800;

  --line-height-tight:   1.2;
  --line-height-normal:  1.5;
  --line-height-relaxed: 1.7;

  --letter-spacing-tight:  -0.012em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide:   0.02em;
  --letter-spacing-wider:  0.06em;

  --space-0:  0;
  --space-1:  0.125rem; /* 2px */
  --space-2:  0.25rem;  /* 4px */
  --space-3:  0.375rem; /* 6px */
  --space-4:  0.5rem;   /* 8px */
  --space-5:  0.75rem;  /* 12px */
  --space-6:  1rem;     /* 16px */
  --space-8:  1.5rem;   /* 24px */
  --space-10: 2rem;     /* 32px */
  --space-12: 2.5rem;   /* 40px */
  --space-16: 3.5rem;   /* 56px */

  --radius-none: 0;
  --radius-sm:   0.3125rem; /* 5px */
  --radius-md:   0.4375rem; /* 7px */
  --radius-lg:   0.625rem;  /* 10px */
  --radius-xl:   0.875rem;  /* 14px */
  --radius-2xl:  1.125rem;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px rgba(0,0,0,.04);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.06);
  --shadow-md: 0 4px 12px rgba(0,0,0,.06);
  --shadow-lg: 0 10px 28px rgba(0,0,0,.08);
  --shadow-xl: 0 20px 48px rgba(0,0,0,.12);

  --transition-fast:   120ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base:   200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow:   300ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-spring: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);

  --z-dropdown: 100;
  --z-sticky:   200;
  --z-overlay:  300;
  --z-modal:    400;
  --z-toast:    500;

  --blur-xs: 2px;
  --blur-sm: 6px;
  --blur-md: 12px;
  --blur-lg: 20px;
  --blur-xl: 40px;

  --opacity-muted:    0.20;
  --opacity-disabled: 0.50;

  --color-overlay-subtle: rgba(0,0,0,.20);
  --color-overlay:        rgba(0,0,0,.45);
  --color-overlay-strong: rgba(0,0,0,.65);

  --sidebar-width:     224px;
  --sidebar-collapsed: 56px;
  --topbar-height:     48px;
  --content-max-width: 1280px;

  --table-th-pad: 6px 12px;
  --table-td-pad: 7px 12px;
  --table-row-sep: none;
  --table-header-bg: transparent;
}

.table-md {
  --table-th-pad: 9px 16px;
  --table-td-pad: 12px 16px;
}